Оптимизация сайта на WordPress для Google PageSpeed. Как нужно выполнять рекомендации сервисов?

Евгений
Автор статьи: Евгений
Веб-мастер, SEO-специалист. Занимаюсь созданием и продвижением сайтов с 2012 года.
опубликовал: 135 статей
Оптимизация сайта на WordPress для Google PageSpeed
Содержание:

В последнеее время все помешались на ускорении сайтов и подгонке их под требования PageSpeed Insights. Особенно это акутально для WordPress, где сам движок и плагины создают множество проблем при загрузке. Я тоже занялся этим вопросом и вот моё мнение. В погоне за "зелёненькими" цифрами оптимизаторы забывают про элементарную логику. Есть цифры в сервисах тестирования, а есть реальная скорость загрузки сайта, измеряющаяся в секундах. Поэтому для тестирования сайта и оптимизации я смотрю три сервиса:

Google PageSpeed (смотрим собственно цифры)

GTmetrix (5 в 1, собраны в удобном виде все метрики)

PingDom Tools (можно выбрать разные сервера для тестирования, показывает реальную скорость загрузки)

к содержанию ↑

Задайте правила эффективного использования кеша для статических объектов

Например сервис часто требует, чтобы Вы осуществляли кеширования Google Analitics. Я сравнивал. Если убрать аналитику скорость загрузки уменьшается на 1,7 с! А это немало. Т.е. проще совсем убрать аналитику от Google. Тоже самое касается Яндекс.Метрики.

Но если Вы хотите выполнить это требование, то самый просто способ это сделать - использовать плагины, которые сохраняют analitics.js локально у Вас на сервере, и автоматически обновляют:

  • Webcraftic Clearfy
  •  CAOS | Host Google Analytics Locally

А за кеширование этих файлов будет отвечать любой установленный у Вас плагин: WP Fastest Cache, W3 Total Cache и т.д. Это позволит сэкономить 0,5-0,6 с и получить несколько баллов.

к содержанию ↑

Устраните ресурсы, блокирующие отображение

Обычно это файлы стилей и скриптов, генериуемые темой и плагинами, которые загружаются в header. И если с объединением внутренних файлов и скриптов и переносом в footer прекрасно справляется плагин типа Autooptimaze, то с внешними скриптами всегда будут проблемы:

Устраните ресурсы, блокирующие отображение - jquery

В данном случае PageSpeed требует чтобы мы устранили проблему с JQuery и даже говорит что так мы сэкономим 270 мс. Логичным было бы сохранить этот файл у себя на сервере в подпапке и подгружать локально. Сделать это несложно, но только (неожиданно) это вообще никак может не ускорить загрузку. Потому что файл этот всё равно должен загрузиться, а сервера Google могут оказаться более скоростными чем Ваш собственный shared hosting.

В моём случае сайт был расположен на серверах в USA и прирост всё-таки был. В итоге показатели Page Speed растут с 68/88 до 74/95, а по PingDom Tools время загрузки (Load time) улучшилось на 61 мс: с 1.04 с до 979 мс. Это конечно не 270 мс, но тоже неплохо.

Итак применяя 2 несложных приёма: сохранение у себя на сервере и кеширование Google Analitics и JQuery, мы легко добиваемся "зелёных" цифр для компьютеров. С мобильными уже сложнее. Но буду информировать Вас о том что можно сделать в этом направлении.

Leave a Reply

Your email address will not be published. Required fields are marked *