Кто бы мог подумать еще несколько лет назад, что скорость загрузки сайта может влиять на позиции сайта в поисковых системах? Но, сегодня об этом уже говорят всерьез, а в ближайшем будущем это может стать реальностью.
Компания Google, имея большие ресурсы и возможности, решила реализовать смелый проект под названием Global Internet Speedup. Они хотят ни много, ни мало – ускорить весь Интернет. Суть проекта заключается в разработке новых протоколов передачи данных, чтобы оптимизировать маршрутизацию. Тогда при запросе адреса сайта – он выдавался бы с ближайшего узлового сервера. Для этих целей в Google также разработали проект Page Speed. Его суть в том, что владельцы крупных проектов будут регистрировать свой сайт в системе, после чего Google проиндексирует все содержимое проекта, и разместит его на своих серверах по всему миру. Скорость загрузки сайта для обычных пользователей в этом случае значительно увеличится. Но, этот сервис будет платным.
Что делать обычным вебмастерам, владельцам небольших сайтов, чтобы увеличить скорость?
Специалисты из Google уже заявляли на некоторых конференциях, что скорость загрузки сайта они рассматривают как один из факторов ранжирования. Его влияние не очень большое, но об этом стоит задуматься уже сегодня.
Безусловно, владельцы сайтов должны быть заинтересованы в ускорении своих сайтов. Скорость загрузки сайта может напрямую влиять на показатель отказов, на конверсию и продажи. Для крупных Интернет – магазинов лишняя секунда ожидания пользователем загрузки страницы может существенно снизить продажи. По-этому такое понятие, как “оптимизация сайта”, должно включать в себя также работу по уменьшению размера html-кода, размеров изображений, работу по оптимизации подключаемых виджетов и скриптов, а также настройку веб-сервера.
Что влияет на скорость загрузки сайта?
Прежде всего, на скорость загрузки сайта влияет объем информации, который передается от сервера до браузера пользователя. Также, на скорость влияет структура html документа. Более простые вещи клиентский браузер прорисовывает быстрее, а сложные – медленнее. Компания Google уже имеет в своем распоряжении необходимые технические средства, чтобы иметь представление о поведении пользователей на сайтах. Поэтому, вопросу оптимизации структуры сайта стоит уделить достойное внимание.
Что нужно сделать для увеличения скорости загрузки?
Далее я кратко рассмотрю наиболее важные моменты для ускорения сайтов.
Сжатия трафика с помощью gzip.
Для сервера Apache существует специальный модуль mod_deflate, который будет автоматически сжимать контент в gzip перед передачей его в браузер пользователя. С помощью этой технологии можно существенно уменьшить размер html страниц – на 50-70%. Если на вешем хостинге есть mod_deflate, то нужно в корень вашего сайта в .htaccess файл вставить следующие строки:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
<FilesMatch “\.(ttf|otf|eot|svg)$” >
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>
Сжимать jpg картинки или zip-архивы смысла нет, по-этому здесь используются только файлы с заголовками как у html, css, javascript документов.
Проверить, насколько изменился размер передаваемой информации вы можете с помощью плагина Page Speed для Firebug в Mozilla Firefox:
Использование HTTP кэширования.
Для страниц, которые редко изменяются, можно настроить кэширование, чтобы они при последующих обращениях показывались из кэша браузера, а не с сервера.
Подробнее…
Оптимизация картинок на сайте.
Желательно избавиться от ненужной графики. Необходимо использовать сжатие изображений до приемлемого качества, где это возможно. Если в дизайне сайта есть градиенты или закругленные уголки у элементов, то стоит реализовать их с помощью современных технологий, например, html5 и css.
Минимизация html-кода на страницах.
Стоит обратить внимание на валидную семантическую верстку на div-ах, на возможности html5, на асинхронную загрузку скриптов.
Минимизация CSS файлов.
Необходимо провести работу не только по уменьшению размеров .css файлов, но, и обратить внимание на использование css-спрайтов для некоторых изображений на сайте.
Полезные статьи:
http://webo.in/articles/habrahabr/14-minifing-css/
http://webo.in/articles/habrahabr/02-delay-loading-stylesheets/
http://webo.in/articles/habrahabr/08-all-about-css-sprites/
Минимизация Javascript файлов.
В определенных случаях есть смысл воспользоваться минимизаторами js-кода. Если у вас на сайте используются общеизвестные библиотеки, типа JQuery, то необходимо их использовать с быстрых серверов Google (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js).
Полезные статьи:
http://webo.in/articles/habrahabr/11-minifing-javascript/
http://webo.in/articles/habrahabr/20-javascript-libraries-load-time/
Также вы можете почитать рекомендации Google по оптимизации скорости загрузки сайтов:
http://code.google.com/speed/articles/
Не забудьте понажимать на социальные кнопки, если вам понравилась статья 
Комментарии