Рекомендации по оптимизации 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:
- Убрать подключение css и js c <header>. Это позволит отдавать информацию пользователю с сайта намного быстрее.
- Оптимизация изображений
- Скорость ответа сервера
- Использование современных форматов изображения
Казалось бы, все направлено на удобство пользования, но не тут-то было дорогие мои. Проблемы уже в первом пункте рекомендаций.
Учитывая то, что большинство современных сайтов это обернутый в слайдеры и анимации медиа контент. Для корректной загрузки контента, который использует слайдеры или анимации необходим js, а если мы убираем его с header, то первое что увидит пользователь будет текстовой контент, а уже потом начнут загружаться слайдеры. Неприятно правда?
Конечно, у большинства людей скорость интернета позволит не заметить данного бага. Но беречь нужно абсолютно всех посетителей сайта и не перетруждать их интернет.
Как оптимизировать сайт под google pagespeed?
- Убираем все скрипты в футер
Результат google pagespeed важен для поисковой оптимизации, поэтому следует понимать, что это всего лишь рекомендации. Но для того, чтобы минимизировать загрузку сайта все-таки придётся частично их выполнить. Для начала оставьте подключение библиотеки jquery в шапке сайта, а все остальные скрипты пере подключите в футере. Для этого необходимо создать функцию в functions.php вашей темы.
После этого действия в обязательном порядке необходимо проверить на корректную работу сайта (скинув перед этим кэш если он включен).
- Пропускаем все скрипты через Minify (зачастую это возможно делать и через панель хостинга)
- Сжимаем так же все файлы стилей.
Пункты 2,3 возможно выполнить и через плагин, о котором расскажу позже.
Оптимизируем медиа контент для данных целей. Мы обычно используем плагин EWWW Image Optimize
Данный плагин позволяет даже с помощью бесплатной версии оптимизировать пакетно все медиа файлы библиотеки wordpress.
- После того как мы решили основную проблему в виде медиа файлов. Нам необходимо снова снести кэш и посмотреть на качество изображений и в случае чего выгрузить изображения, которые были слишком сжаты. Это бывает если используют слайдеры на всю ширину браузера.
- Далее нам потребуются два плагина: Autoptimize и WP Super Cache
Вот их настройки, которые мы рекомендуем:
WP Super Cache обязательно соберите «Общий кэш» и настройте чтобы при изменениях он очищался.
- Необходимо включить создание кэша на стороне браузера клиента. Мы покажем на примере Apache, то есть настройки файла .htaccess.
Вот пример наших предварительных настроек для сервера с помощью файла .htaccess.
Данные настройки являются рекомендацией и возможно в вашем случае могут не сработать или не корректно отработать. Поэтому обязательно скопируйте дефолтный файл и в случае ошибок 500 и так далее перезалейте его обратно.
На этом все наши рекомендации заканчиваются. Благодаря данным действиям мы смогли достичь 100% результата в gmetrix. Что же касается результатов google pagespeed смотрите сами
И не забывайте пожалуйста о главной рекомендации: не перегружайте страницу медиа контентом!
Это позволит Вам сохранить данный результат постоянно.
Так же если у Вас появилась задача по оптимизации сайта под google pagespeed и у Вас это не выходит. Вы всегда сможете обратиться к нам!