Pagespeed - ускорение загрузки сайта
Материал из 1GbWiki.
Версия 18:01, 21 октября 2013
Mod_pagespeed - это модуль к веб-серверу Apache, разработанный компанией Google и предназначенный для увеличения скорости загрузки страниц веб-сайта за счет управления временем хранения статического контента (картинки, таблицы стилей) в кэше браузера, а также за счет применения различных алгоритмов (более 40) по оптимизации изображений, верстки, сжатия кода и многих других.
Модуль не изменяет файлы, не добавляет новых, его работа полностью прозрачна для сайта. По оценкам разработчиков использование модуля позволяет достичь 30-60% выигрыша в скорости загрузки сайта.
Содержание |
Когда стоит включать
- Страницы сайта содержат большое количество изображений, большие таблицы стилей
- CMS сайта не использует сжатие
- Сайт разработан с использованием JavaScript фреймворков (jQuery, Prototype, MooTools)
- Неоптимизированный HTML код
Когда не стоит включать
- Модуль не ускоряет генерацию PHP страниц на сервере и не снижает потребление процессорного времени.
Для решение проблем с процессорной нагрузкой включать его не следует.
Включение и настройка
Подключить mod_pagespeed можно по заявке в службу поддержки для любого сайта размещенного на виртуальном хостинге на серверах UNIX/Apache, исключение составляет тариф "ПРОСТО".
По умолчанию модуль для сайта включается с так называемыми "безопасными" настройками, которые подходят практически для любого сайта, поэтому собственное конфигурирование вряд ли понадобится.
Однако для опытных разработчиков существует возможность осуществить тонкую настройку модуля через файл .htaccess
- Включение дополнительных алгоритмов:
<IfModule pagespeed_module>
ModPagespeedEnableFilters rewrite_css,rewrite_javascript
</IfModule>
Полный список опций настройки смотрите на сайте разработчиков.
Как проверить работу
Проверить включение модуля можно посмотрев исходный код страницы в браузере. Имя файла любого статического контента будет изменено. Было:
<link rel="stylesheet" href="http://example.com/wp-content/themes/yeus/style.css" type="text/css" media="screen"/>
Стало:
<link rel="stylesheet" href="http://example.com/wp-content/themes/yeus/A.style.css.pagespeed.cf.7AHdPBzk99.css" type="text/css" media="screen"/>
Решение проблем
- После конфигурирования модуля через файл .htaccess сайт выдает 500-ую ошибку.
Вероятнее всего вы забыли указать:
<IfModule pagespeed_module> ... </IfModule>
Ссылки
- PageSpeed Module (англ.) - официальный сайт проекта, статьи, документация, примеры настройки.
- Ускоряемся с помощью mod_pagespeed (рус.) - общая информация о модуле на сайте проекта developerWorks IBM.
