14 правил по ускорению работы сайта(от Yahoo)

Опубликовал cross в Разработка сайтов      6 comments

Сен
8

Ситуация следующая. Трафик на сайте 3500, каждая страница содержит 100Кб CSS, 100Кб JS... + сама страница, картинки и тд и тп. Ну вот так получилось. Естественно загрузка каждой страницы более 10 секунд, что совершенно неприемлемо. Что делаем? Следуем этому:

14 совет по ускорению работы сайта(от Yahoo)

Правило первое: уменьшаем число HTTP-запросов

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

Правило второе: используйте CDN

Очень интересная технология разнесения контента на разные серверы, которая успешно используется различными крупными сайтами. Страницы на одном сервере, статика на другом, все грузится параллельно и быстро.

Правило третье: добавляем заголовок Expires

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

Правило четвертое: применяем GZIP

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

Правило пятое: располагаем CSS в начале страницы

Некоторые  браузере не показывают содержимое страницы, пока не догружен весь CSS. Потому он и должен быть сверху.

Правило шестое: располагаем JS в конце страницы

А некоторые другие браузеры не грузят ничего, пока грузится JS. Потому он и должен быть снизу.

Правило седьмое: избегаем CSS-выражений

Забываем об expression. Думаю тут и так все понятно.

Довольно скучно все это дело, потому вот видео, которое поможет разобраться в теме:

Правило восьмое: CSS- и JS-файлы должны быть внешними

Пусть лучше браузер грузит html, css, js параллельно, чем все это вместе в одном файле.

Правило девятое: уменьшаем DNS lookups

Об этом чуть подробнее в дополнительных материалах.

Правило десятое: уменьшаем JavaScript

Пробелы, табы, переводы каретки - все это абсолютно лишнее для JavaScript файлов. А так же очень полезно использование minified скриптов.

Правило одиннадцатое: избегаем перенаправлений

301-302 необходимо использовать только по прямому назначению, а не как средство перекидывания пользователя с одного места в другое.

Правило двенадцатое: удаляем дублирующиеся скрипты

Хорошее правильно для тех разработчиков, команда которых еще не слажена, а работа уже идет

Правило тринадцатое: настраиваем ETag

Основная проблема заключается в том, что атрибут этот полностью зависит от самого сервера (в частности, от inodes), с которого отдается данный файл. Это означает, что если вы используете несколько серверов для выдачи одного и того же файла (например, CDN), то один раз вы можете получить файл с сервера 1, а в другой — уже с сервера 2. И так как ETag не совпадет, браузер загрузит данный файл снова!

Правило четырнадцатое: делаем AJAX кэшируемым

Полезные ресурсы:

Способы ускорения загрузки вашего сайта

Похожие посты:

1. Увеличиваем эффективность работы втрое!
2. Наверное и Вы хотите $300 за час работы?
3. Оптимизация сайта для ускорения индексации
4. Оптимизация сайта
5. Оптимизация сайта. Часть 2