hosting:optimization:pagespeed

2.19.1. PageSpeed

Модуль PageSpeed установлен на хостинге по умолчанию и предназначен для ускорения отображения страницы в браузере.

Скорость работы сайта — один из важнейших факторов, на который обращают внимание современные посетители. Задержки в отображении сайта вызывают раздражение, негативно влияют на ранжирование в поисковых системах и снижают доходы коммерческих сайтов. С точки зрения посетителя на скорость работы сайта влияют два основных параметра: скорость формирования страницы на сервере и скорость отображения страницы браузером. Для ускорения формирования страниц на серверах мы используем современное оборудование и тонкую настройку программного обеспечения. Также нашим клиентам доступны инструменты, позволяющие ускорить ещё и скорость отображения страницы в браузере посетителя, всего лишь внеся изменения в настройки своего сайта.

Большую часть времени при отображении страницы браузером занимает загрузка дополнительных элементов страницы — изображений, JavaScript и CSS. Практически все темы оформления популярных CMS используют JavaScript-фреймворк с десятком плагинов и множеством CSS-стилей. Общий объём загружаемых посетителем данных при этом нередко превышает 500 КБ, а количество запросов к серверу для отображения одной страницы составляет несколько десятков. Это негативно сказывается на скорости загрузки страницы у посетителя.

Фильтры оптимизации PageSpeed не изменяют файлы на сервере, поэтому после их отключения сайт вернётся в прежнее состояние.

Существует несколько методик, используя которые можно повысить скорость отображения сайта в браузере клиента:

  1. Уменьшить объём передаваемых данных.
  2. Уменьшить количество запросов к серверу.
  3. Настроить кеширование статических файлов в браузере.
  4. Оптимизировать рендеринг страницы.

Снизить количество запросов к серверу, объём передаваемых данных и эффективность их сжатия можно путём объединения нескольких файлов в один и удаления лишних комментариев и пробелов. В случае, если на сайте много графики в нижней части страниц (которую видно только при прокрутке), полезной может оказаться отложенная загрузка изображений. Для ускорения рендеринга страницы необходимо настроить правильный порядок подключения CSS- и JavaScript-файлов, и, возможно, перенести мелкие CSS в HTML-код. Если на страницах активно используются элементы с других сайтов (счётчики посещаемости, виджеты соцсетей, чаты онлайн-помощи), предварительный резолвинг DNS-имён этих ресурсов может повысить скорость их загрузки в современных браузерах. Выполнить такого рода оптимизаций можно с помощью настроек PageSpeed. Все оптимизации выполняются «на лету», без необходимости внесения изменений в код сайта.

Модуль PageSpeed работает и по протоколу HTTPS. Когда для сайта настроен редирект с HTTP на HTTPS (или наоборот) с помощью .htaccess, могут возникать проблемы с обработкой контента модулем PageSpeed по HTTPS. Чтобы исправить ситуацию, необходимо удалить директивы редиректа из .htaccess и вместо них включить нужный редирект в настройках сайта.

Кеширование позволяет браузеру сохранить копию статического файла на компьютере посетителя и не обращаться за ним на сервер при повторном посещении. Однако это создает неудобства разработчикам, поскольку изменения в этих файлах посетители будут видеть с задержкой на время кеширования. Для избежания этой проблемы в PageSpeed присутствуют параметры расширенного кеширования изображений, стилей и скриптов. В случае их использования в URL статических файлов добавляется хеш их содержимого, который изменяется при редактировании файла. Таким образом достигается длительное кеширование с возможностью свободно вносить изменения.

Определить, какие именно настройки подойдут сайту, можно экспериментально, поочерёдно включая их и проверяя на каждом этапе работу сайта. Некоторые из настроек могут нарушать нормальную работу сайта. Например, после включения минификации или объединения JavaScript на сайте могут перестать работать интерактивные элементы (не будут нажиматься какие-либо кнопки). Это означает, что с данным сайтом настройка несовместима. В этом случае её следует отключить и очистить кеш PageSpeed.

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

Некоторые фильтры PageSpeed могут создавать дополнительную нагрузку на сервер. За счёт генерации оптимизированных файлов модуль создаёт множество запросов к серверу. В большинстве своём запросы направлены на статическое содержимое и их обработка не должна вызывать нагрузку на сервер и проблемы, но в некоторых случаях запросы могут направляться на генерируемый контент скриптами PHP и тем самым создавать большую нагрузку (такой сценарий встречается крайне редко, но имеет место быть).

Чтобы настроить PageSpeed:

  1. Откройте настройки сайта.
  2. Переключитесь на вкладку «Настройки оптимизации сайта»:
  3. Установите или снимите галочки напротив нужных опций.
  4. Внизу страницы нажмите «Сохранить»:
  5. Подождите примерно 15-30 минут, пока изменения вступят в силу.

Чтобы очистить кеш PageSpeed:

  1. Откройте настройки сайта.
  2. Переключитесь на вкладку «Настройки оптимизации сайта»:
  3. Внизу страницы нажмите «Очистить кеш»:
  • hosting/optimization/pagespeed.txt
  • Последние изменения: 2019/09/19 09:30
  • — karlov