Pagespeed - ускорение загрузки сайта

Материал из 1GbWiki.

(Различия между версиями)
Перейти к: навигация, поиск

Версия 18:01, 21 октября 2013

Mod_pagespeed - это модуль к веб-серверу Apache, разработанный компанией Google и предназначенный для увеличения скорости загрузки страниц веб-сайта за счет управления временем хранения статического контента (картинки, таблицы стилей) в кэше браузера, а также за счет применения различных алгоритмов (более 40) по оптимизации изображений, верстки, сжатия кода и многих других.

Модуль не изменяет файлы, не добавляет новых, его работа полностью прозрачна для сайта. По оценкам разработчиков использование модуля позволяет достичь 30-60% выигрыша в скорости загрузки сайта.

Содержание

Когда стоит включать

  • Страницы сайта содержат большое количество изображений, большие таблицы стилей
  • CMS сайта не использует сжатие
  • Сайт разработан с использованием JavaScript фреймворков (jQuery, Prototype, MooTools)
  • Неоптимизированный HTML код


Когда не стоит включать

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


Включение и настройка

Подключить 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>

Ссылки

Личные инструменты