Оптимизация скриптов

Браузер считывает код страницы сверху вниз и как только находит скрипты, он требует время на загрузку этих самых скриптов. Как только он обработает код JavaScript, браузер продолжает страницу дальше. Поэтому скрипты необходимо опускать вниз страницы перед закрытием тэга body и удалить лишние.

Оптимизация html и css

Уменьшение числа запросов браузера

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

Серверное сжатие (gzip сжатие)

Проверить сжатие можно здесь: http://www.gidnetwork.com/tools/gzip-test.php

Если оно не включено, реализовать gzip сжатие файлов на сервере можно следующим образом, достаточно добавить в файл .htaccess следующий код:

Кеширование

Кэширование данных – это процесс сохранения часто запрашиваемых данных на компьютере пользователя или локальном прокси-сервере, благодаря чему значительно ускоряется загрузка страниц. После настройки кэширования браузер или прокси-сервер обращается к локально сохраненной копии документа (страницы), вместо того, чтобы загружать его снова и снова при последующих посещениях. Таким образом, кэширование позволяет избежать повторного формирования страниц, показанных при обработке предыдущих запросов. В результате уменьшается время приема-передачи, исключаются многочисленные HTTP запросы и снижается нагрузка на сервер.

Кэширование браузера через файл .htaccess

Приведенный ниже код указывает браузеру, что именно кэшировать и как долго это "запоминать". Его следует добавить в начало файла .htaccess:

Кэширование мета-тегами

Мета тег Expires

Мета теги Expires управляет кэшированием. Если указанная в теге дата прошла, то браузер должен сделать повторный сетевой запрос, а не использовать копию из кэша. Если изначально указать прошедшую дату, то документ не будет кэшироваться. Некоторые поисковые роботы могут отказаться индексировать документ с устаревшей датой. Дата должна указываться в стандарте [RFC850].

Пример:

Мета тег Pragma

Pragma – контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта.

Пример: