Ускорение работы сайта путем реорганизации кода

Время идёт, совершенствуются технологии, а многие сайты по-прежнему тормозят… Я расскажу о нескольких способах организации и проектирования кода, которые помогут ускорить загрузку страниц сайта.

Цель		ускорение работы сайта
Технология		XHTML 1.0+, CSS2
Поддержка		Все современные браузеры
Баги		не обнаружено

Пролог и «шапка»

Сразу предостерегу: удаление doctype — это не оптимизация, это лишняя помеха (подробнее о прологе и doctype) отображению страниц.

Как я уже писал, от пролога (<?xml version="1.0"…>) можно смело избавляться, не опасаясь последствий. В случае с любимчиком веб-кодеров, Internet Explorer, пролог только мешает.

Meta-тэги

Все утверждают, что meta-тэги отжили своё и что их уже не стоит использовать, Google и вовсе не опирается на них. Но реальность такова, что мета тэги по-прежнему используются поисковиками; Яндекс, например, использует description при выводе результатов. Другой вопрос, какие из них нужно оставить?

Я бы рекомендовал оставить следующие meta:

• description
• keywords
• если очень хочется, то author и/или copyright

Больше о ненужных meta-тэгах

Размещение графики

Многие веб-кодеры любят разбивать большие логотипы и изображения на маленькие кусочки и собирать их с помощью таблиц. Хочу заметить, что данный способ уже отжил своё, так как современные браузеры гораздо быстрее грузят целую картинку, чем десяток небольших. Также не стоит забывать о том, что IExplorer не отображает таблицу, пока не загрузит её целиком (IE по-прежнему использует около 90% юзеров).

Не стоит использовать фоновые рисунки размером больше пяти килобайт, так как всё впечатление от дизайна будет испорчено долгим ожиданием загрузки.

Счетчики и реклама

Не нужно размещать вышеперечисленные объекты в начале страницы. Счетчики, логотипы каталогов и т.д. обычно размещены на крайне загруженных серверах, что существенно тормозит рендеринг страницы. Так что не доверяйте тем сервисам, что просят вас разместить их лого и счетчики «как можно выше на странице», они заинтересованы в том, чтобы показать свой логотип, а не в том, чтобы удержать вашего посетителя.

Баннерная реклама (касается и текстовой) также лежит на очень медленных серваках; если же баннеры свои, то не делайте их на анимированном gif, и тем более на flash.

Итог

Данные советы помогут на этапе проектирования и разработки сайта как можно выгоднее использовать элементы, ставшие неотъемлемой частью современного сайта.

Код, 29/09/06 < <Wart!X