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

1. Минимално количество изображения - Пътя към бързо зареждащите се страници е минималната употреба на изображения. Картинките и снимките наистина придават единичност на страницата ви, но не прекалявайте, вместо това опитайте да разбиете и замените картинките с текст базиран на HTML и за да го направите по приятен използвайте CSS. Забележете че едни от най-посещаваните страници като Yahoo, Google, Ebay, Amazon т.н.., имат много малко картинки. Често изчистените и прости дизайни вършат по-добра работа.

2. Оптимизирайте изображенията си за интернет - След като решите кои изображения ще останат на страницата ви се подсигурете че са 'оптимизирани' за интернет. Трябва да в jpg, gif или png, всички други формати създават по-големи файлове. Ако използвате gif и/или png може да намалите използваните в изображението цветове, колкото по-малко цветове толкова по-малки ще са размерите на файла, а всички знаем че по-малките размери значат по-бързо зареждане.

3. Използвайте таблици - Структурирайте кода си в таблици, таблиците са прост HTML текст и се зареждат бързо. Използвайте таблици за цялата структура на сайта си. Ако можете да боравите с div-ове може да ги използвате вместо таблиците. Използването на дивове си има и предимства и недостатъци, избора е ваш.

4. Не използвайте анимирани gif-ове - Не използвайте анимирани гифове освен ако не е наложително. Анимирания гиф е последователност от изображения и размерът му е значително голям поради което препоръчваме да сведете използването на подобни файлове до минимум.

5. Използвайте прости иконки - Вместо големи и много богати на цвят изображения използвайте малки иконки с малко цвят, за да привлечете вниманието на потребителите.

6. Заместете картинките с фонови изображения където е възможно - Използвайте фонови картинки с шарки (pattern) където и когато е възможно. Това всъщност е много полезно за шапката на сайта. Вместо да използвате изображение 580 пиксела по широчина вземете фона му (подходящо е ако се повтаря) и го сложете на фон в страницата си. След това може да изрежете малка картинка където е логото ви и да го поставите над фона. Ако цялата картинка е била 20к, фона е напълно възможно да се получи по-малък от 2к, а логото не повече от 10к. Следователно печелите 8к само от този трик. Може да не звучи внушително, но още 1-2 спестявания с подобни размери и страницата ви от бавна и тромава ще стане лека и бързо зареждаща се.

7. Използвайте CSS стилове - Ако не знаете нищо за CSS стиловете непременно отделете време да прочете нещо по въпроса и да се запознаете с работата с тях. CSS спестяват доста код в HTML-о, няма да изпадам в подробности да описвам какво прави css-то, просто се научете да го използвате.

8. Използвайте Flash умерено - Все още новите дизайнери просто си губят ума по флаша. Биха направили какво ли не само и само шапката на сайта да е на флаш. А ако може и целия сайт. По-голямата част флашове стават със значителни размери и забавят зареждането на страницата ви. Ако знаете какво правите във флаш и правите малки флашчета може да ги ползвате, но все пак не прекалявайте. В друг урок на uroci.com ще разгледаме "Защо да не правим цели сайтове на флаш" и там ще обсъдим въпроса по-детайлно.

9. Правете страниците си на HTML - Колкото е възможно правете страниците си използвайки HTML. Можете да правите невероятни дизайни използвайки HTML и CSS стилове. Намалете употребата на анимирани gif-ове, Flash, големи картинки, обширни javascript-ове. Замествайте ефектите където можете с css вместо да правите допълнителни картинки.

10. Наблюдавайте времето за зареждане - Последно, но не последно по значение, проверявайте периодично за колко време се зарежда страницата ви. Преглеждайте къде може да оптимизирате кода, картинките. Ако сте направили всичко възможно страницата ви е да е малка, следователно бърза за зареждане и все пак хората казват че се отваря бавно, трябва да се замислите за мястото където се намира страницата в интернет, а именно хостинга ви. Възможно е да сте направили всичко по силите си и пак да няма резултати защото просто хостинга ви е с бавна връзка. Обсъдете проблема с поддръжката и ако няма подобрение помислете къде да си преместите сайта.


Автор: Н.Александренко

за: uroci.com