5 HTML съвета за създаване на безплатен уеб сайт за бързо зареждане

реклама

мой НyperTвътр Мarkup Lуменията на anguage (HTML) са ръждясали за някои, но може би това ме квалифицира за тази статия. Обратно в деня, когато Приятели все още беше по телевизията и AOL изпращаше ежедневно безплатни каботажници и мини-фризби, създавах уебсайтове, за да зареждам модеми за набиране. С течение на времето имах нерва да мисля, че все още има много хора с нешироколентови (комутируеми) връзки и продължих да създавам уеб сайтове въз основа на това.

Накрая се отказах уеб дизайн и разработка Искате ли да научите уеб дизайн? 7 YouTube канала, за да започнетеYouTube има хиляди видеоклипове и канали за начинаещи уеб дизайн. Тук разглеждаме някои от най-добрите от тях за начало. Прочетете още когато качеството на съдържанието започна да се тласка встрани от количеството съдържание. Флаш сайтове, много изображения, изскачащи прозорци, pop-unders, плъзгачи и т.н. Доверете се на качественото си съдържание и нямате нужда от този пух. Доверете се на съдържанието си и можете да направите своя уебсайт пламтящо бърз.

С уебсайт, който се хоства на безплатна услуга, е по-бързо определено По-добре. Защо? Тъй като „безплатно“ има тенденция да привлича много хора и сървърът трябва да изтрие вашата страница плюс хиляди страници на други хора, които не са оптимизирани. Сякаш се опитвате да прехвърлите конвой от дървени трупи на Кенуъртс с вашите джими хаулин. Но ако имате малък Porsche, това става много по-лесно.

Ето няколко съвета за подрязване на мазнините, без конкретен ред.

1. Използвайте таблиците умерено

Масите са улов-22. В началото те бяха използвани за оформление, както и за поставяне на съдържание във формат на таблицата. Тъй като дизайнерските оформления станаха по-сложни, таблиците станаха по-големи и вложени по-дълбоко, а това винаги означава забавяне на времето за зареждане.

° Сascading СTyle Сheets (CSS) се появи и наистина помогна на проблема с използването на таблици за оформление. За съжаление, производителите на браузъри не можеха да изглежда, че се обвиват около идеята за стандарти - и все още не могат. Това, което изглеждаше страхотно в CSS в Firefox, приличаше на закуска на куче в IE и вероятно дори не е правено в Safari. Не ме карайте да започна IE5 на Mac. Все още съм на терапия заради това.

Моля, използвайте таблици само за оформление на съдържание, което трябва да е в табличен формат Tableizer: Генериране на HTML таблица от електронната таблица на Excel Прочетете още - като ценова листа или хокейна статистика. Това намалява броя на таблиците и дълбочината на влагане, което означава по-бързо време за зареждане. Учене на CSS Топ 5 сайта, за да научите CSS онлайн Прочетете още ще има голяма разлика, ако трябва да имате фантазия.

2. Използвайте HTML за създаване на цвят

Да, аз съм канадка, така че е цвят с "U" за мен. Знам, че HTML е ориентиран към Америка, така че атрибутът е "цвят". Научете своето шестнадесетични кодови цветове и ги използвайте, за да оживите съдържание вместо изображения.

Опитайте да добавите цветовия атрибут към вашите HTML елементи, за да го овкусите. Това работи особено добре в таблици или етикета на тялото, като такива:

Ако бяхте браузър, бихте ли по-бързи при зареждането на прости 7 символа от #FF00FF или 10 × 10 пиксела изображение на цветната фушия няколко хиляди пъти? Това е риторичен въпрос, вие от задния ред. Поставете ръката си надолу.

3. Връзка към скриптове / стилове

Ако използвате определено JАВАСcript (JS) или CSS неколкократно през вашия уебсайт, помислете за създаването на собствен файл и повикването му, вместо да го поставяте на всяка страница. Тъй като браузърът има склонност да кешира файл и първо да го извика, преди да провери със сървъра, браузърът ви вече ще има готовност за използване на този скрипт или CSS. Това означава по-малко НyperTвътр Transfer Protocol (HTTP) обаждания, което означава по-бързо зареждане на страницата.

Как да се обадите на външен JavaScript:

–>

Защо поставих тези маркери за коментари около обаждането за JavaScript? Защото не всеки браузър е настроен да чете скриптове. Добавянето на маркери за коментари кара браузърите с дезактивиран скрипт просто да прескачат през него, вместо да дават досадни съобщения за грешки.

Как да се обадите на външен каскаден стилен лист:

Това е толкова просто. Атрибут href е мястото, където сте задали местоположението на вашия стилен лист. Останалите атрибути казват на браузъра какво представлява този файл, така че той знае какво да прави с него.

Някои програмисти могат да използват @import метод за извикване на стилов лист. В Internet Explorer това е все едно да имате своя маркирайте в долната част на файла си, карайки го да зареди цялата страница и след това да направи стиловете върху нея. Не е добре.

4. Комбинирайте често използваните скриптове в един файл

Много уеб разработчици ще използват едни и същи скриптове отново и отново. Може би има скрипт за часовник и календар в календара и може би някакъв скрипт със специален ефект, който ще използват на всяка страница. Вместо да има 3 отделни файла, с 3 отделни HTTP обаждания, поставете скриптите в един файл и го извикайте веднъж. Това намалява вашите HTTP разговори с 66% и също се кешира. Бързо демон, ти! Преди да вдигнете ръката си отново, да, можете да направите същото с CSS файловете.

5. Не използвайте HTML за промяна на размера на вашите изображения

Ако искате да използвате изображение, което е 1000 × 1000 пиксела на вашата уеб страница, но искате да е само 250 × 250 пиксела, променете го в редактор на изображения. Някои хора ще „свият“ изображението, като използват HTML като такъв:

Ако това изображение с размер 1000 × 1000 пиксела е 2 MB в размер на файла, преоразмеряването му с HTML не прави размера на файла по-малък! В действителност може да отнеме повече време, тъй като сега браузърът трябва да постави 10 паунда пуп в торба от 2 килограма, така да се каже. Не лесна задача.

Дано тези съвети ще ви помогнат. Дайте ми отстъпка в коментарите, ако ги използвате или имате някои други идеи за оптимизиране на HTML, които да споделяте.