Рекомендации по оптимизации Wordpress для Google pagespeed

Оптимизация сайта под пк и мобильные устройства по показателям Google pagespeed является одним из важнейших факторов оценки и продвижения ресурса в поисковых системах. Сегодня мы предоставим рекомендации по оптимизации сайта на wordpress для Google pagespeed.

Оптимизация сайта Google pagespeed

Невозможно оптимизировать сайт раз и навсегда!

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

К тому же, существуют расхожие мнения по показателям оценки для мобильной версии сайта. Показатель может меняться при перезагрузке в течении 5-10 минут.

Оптимизация Wordpress для Google pagespeed

Поговорим о самой популярной платформе в рунете – wordpress. Несмотря на популярность и, казалось бы, постоянные обновления данная платформа уже при базовой установке имеет проблемы с показателями google pagespeed.

Данная проблема существует только по той причине, что CMS Wordpress используется не по назначению. Что это означает, читайте в нашей статье: «Фреймворк или фришард».

Несмотря на то, что вордпресс это cms исключительно для блогов. Народные умельцы уже успели наплодить интернет-магазинов, бирж и так далее на данной «чудо» CMS. Таким образом более 80% сайтов используют именно эту платформу и у них конечно же существуют проблемы по оптимизации.

Рекомендации для сайтов от Google pagespeed

Давайте разберемся в рекомендациях от Google pagespeed:

1. Убрать подключение css и js c <header>. Это позволит отдавать информацию пользователю с сайта намного быстрее.
2. Оптимизация изображений
3. Скорость ответа сервера
4. Использование современных форматов изображения

Казалось бы, все направлено на удобство пользования, но не тут-то было дорогие мои. Проблемы уже в первом пункте рекомендаций.

Учитывая то, что большинство современных сайтов это обернутый в слайдеры и анимации медиа контент. Для корректной загрузки контента, который использует слайдеры или анимации необходим js, а если мы убираем его с header, то первое что увидит пользователь будет текстовой контент, а уже потом начнут загружаться слайдеры. Неприятно правда?

Конечно, у большинства людей скорость интернета позволит не заметить данного бага. Но беречь нужно абсолютно всех посетителей сайта и не перетруждать их интернет.

Как оптимизировать сайт под google pagespeed?

1. Убираем все скрипты в футер

Результат google pagespeed важен для поисковой оптимизации, поэтому следует понимать, что это всего лишь рекомендации. Но для того, чтобы минимизировать загрузку сайта все-таки придётся частично их выполнить. Для начала оставьте подключение библиотеки jquery в шапке сайта, а все остальные скрипты пере подключите в футере. Для этого необходимо создать функцию в functions.php вашей темы.

После этого действия в обязательном порядке необходимо проверить на корректную работу сайта (скинув перед этим кэш если он включен).

1. Пропускаем все скрипты через Minify (зачастую это возможно делать и через панель хостинга)
2. Сжимаем так же все файлы стилей.

Пункты 2,3 возможно выполнить и через плагин, о котором расскажу позже.

Оптимизируем медиа контент для данных целей. Мы обычно используем плагин EWWW Image Optimize

Данный плагин позволяет даже с помощью бесплатной версии оптимизировать пакетно все медиа файлы библиотеки wordpress.

1. После того как мы решили основную проблему в виде медиа файлов. Нам необходимо снова снести кэш и посмотреть на качество изображений и в случае чего выгрузить изображения, которые были слишком сжаты. Это бывает если используют слайдеры на всю ширину браузера.
2. Далее нам потребуются два плагина: Autoptimize и WP Super Cache

Вот их настройки, которые мы рекомендуем:

WP Super Cache обязательно соберите «Общий кэш» и настройте чтобы при изменениях он очищался.

1. Необходимо включить создание кэша на стороне браузера клиента. Мы покажем на примере Apache, то есть настройки файла .htaccess.

Вот пример наших предварительных настроек для сервера с помощью файла .htaccess.

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

На этом все наши рекомендации заканчиваются. Благодаря данным действиям мы смогли достичь 100% результата в gmetrix. Что же касается результатов google pagespeed смотрите сами

И не забывайте пожалуйста о главной рекомендации: не перегружайте страницу медиа контентом!

Это позволит Вам сохранить данный результат постоянно.

Так же если у Вас появилась задача по оптимизации сайта под google pagespeed и у Вас это не выходит. Вы всегда сможете обратиться к нам!