Обзор и настройка WP Rocket

Чтобы поисковики выдавали ваш сайт на первой странице поисковой выдачи, нужно, чтобы страницы открывались за 2 секунды и быстрее.

Для этого нужен хороший хостинг, хороший софт, технический порядок на сайте и оптимизированные картинки. Все остальное сделает плагин кеширования.

Если вы выполните эти условия и установите бесплатный плагин кеширования, то получите 60-80 баллов по тесту Гугл для мобильной версии, и 80-90 баллов для десктопной версии.

Проблема с бесплатными плагинами в том, что они не кешируют мобильную версию, и не откладывают загрузку скриптов.

Поэтому вам понадобится либо платный плагин, либо еще один или несколько бесплатных плагинов, которые может быть трудно настроить.

WP Rocket — платный плагин, у которого есть 3 больших плюса:

  1. Легкая настройка
  2. Кеширование мобильной версии
  3. Загрузка JS скриптов после загрузки основного контента

Если вы выполните эти несколько требований и установите плагин WP Rocket, вы легко добьетесь оценки 98-100 баллов по тесту Гугл для мобильной и десктопной версий сайта.

Содержание:

Быстрый старт
Настройка WP Rocket

Проверьте скорость сайта

Поисковики требуют, чтобы страницы открывались за 2 секунды и быстрее, и получали высокие оценки в тестах скорости:

Google PageSpeed Insights — https://pagespeed.web.dev/
Pingdom Website Speed Test — https://tools.pingdom.com/
GTmetrix — https://gtmetrix.com/
WebPageTest — https://www.webpagetest.org/
IsItWP — https://www.isitwp.com/free-website-speed-test-tool-for-wordpress/

Протестируйте ваш сайт, чтобы сравнить изменения до и после использования WP Rocket.

Быстрый старт

Любой плагин кеширования не является решением всех проблем.

До установки плагина кеширования ваш сайт должен получать около 60 баллов для мобильной версии, и около 80 баллов для десктопной версии.

Тема Kadence - тест скорости Google без плагина кеширования
Тема Kadence - тест скорости Google без плагина кеширования

Чтобы получить 60-80 баллов без плагина кеширования, у вас должны быть:

  1. Хороший хостинг с хорошим оборудованием и быстрым интернетом
  2. Хорошая тема и плагины
  3. Оптимизированные изображения

Рекомендации для улучшения должны быть о файлах CSS, неиспользуемых стилях, тормозящих загрузку скриптах (render-blocking resources), шрифтах и картинках.

После установки WP Rocket автоматически применит несколько безопасных настроек, которые должны работать на большинстве сайтов.

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

Пройдите по этим быстрым настройкам, у вас должно получиться 90-100 баллов по тесту Google.

  • Включить кэширование для мобильных устройствВключено
  • Разделять файлы для мобильных устройствВключено (Зависит от вашей темы, оставьте лучший результат по тесту Google)
  • Кэшировать авторизованных пользователейВыключено (Будет показывать пользователям чужой кэш при авторизации)
  • Время жизни кэша — 10 часов. Кэш будет сбрасываться и создаваться новый каждые 10 часов. Оптимальная настройка.
  • Сжимать стили CSSВключено
  • Объединять CSS файлыВыключено
  • Оптимизация доставки CSSВключено (Для лучшего результата выберите «Убрать неиспользуемые CSS». Если появились проблемы, то добавьте пропавшие стили в исключения «Безопасный список CSS», или выберите «Загружать CSS асинхронно»)
  • Сжатие JavaScript файловВключено
  • Объединять JavaScript файлыВыключено
  • Асинхронная загрузка JavaScriptВключено
  • Отложить загрузку JavaScriptВключено
  • Включить для изображенийВключено
  • Включить для фреймов и видеоВключено
  • Заменять видео YouTube превью картинкойВключено
  • Добавить отсутствующие параметрыВключено
  • Активировать предзагрузкуВключено
  • Активировать предзагрузку страниц на основе карты сайтаВключено
  • Карта сайта [SEO плагин]Включено. Укажите путь к карте сайта.
  • Предзагрузка ссылокВключено
  • Оптимизация DNS запросовДобавьте URL, которые хотите загружать
  • Предзагрузка шрифтовДобавьте URL шрифтов, которые хотите загружать в первую очередь
  • Некэшируемые URLДобавьте URL, которые не нужно кэшировать. (Страницы авторизации, Корзины, Оформления заказа, итд)
  • Некэшируемые CookiesДобавьте полные или частичные ID файлов кукис, которые при сохранении в браузере посетителя должны предотвращать кэширование страницы
  • Некэшируемые User-AgentДобавьте юзер-агенты, которые никогда не должны видеть кэшированные версии страниц
  • Всегда очищаемые страницыДобавьте URL страниц, которым нужно сбрасывать кэш, когда вы обновляете любую страницу
  • Кэшируемые запросыДобавьте нужные запросы по одному в строке
  • РевизииВыключено
  • Авто-черновикиВыключено
  • Удаленные записиВключено
  • СпамВключено
  • Удаленные комментарииВключено
  • Все транзакцииВключено
  • Оптимизация таблицВключено
  • Очистка по расписанию — Еженедельно или ежемесячно, на ваше усмотрение
  • Включить сети доставки контента (CDN)Включите, если используете CDN
  • CDN CNAMEУкажите CNAME(s) для доставки статических файлов
  • Использовать для — Всех файлов
  • Управлять пульсациейВключено
  • Поведение в админкеУменьшить активность
  • Поведение в редактореУменьшить активность
  • Поведение во фронтендеУменьшить активность

С хорошим хостингом, хорошей темой, оптимизированными изображениями и этими настройками вы легко получите 98-100 баллов:

Тема Kadence - тест скорости Google с плагином кеширования
Тема Kadence - тест скорости Google с плагином кеширования

Настройка WP Rocket по этому чек-листу занимает 10 минут. Расставьте галочки, нажмите Сохранить, и вы получите высокую оценку в любом тесте скорости.

Это самый простой и самый эффективный плагин кеширования.

Настройка WP Rocket

В этом разделе подробное описание всех настроек WP Rocket:

Панель управления

Настройки WP Rocket - Панель управления

В Панели управления WP Rocket находится информация о типе лицензии и сроке ее действия.

Я пробовал несколько плагинов кеширования, ни один из них не давал такого хорошего результата с таким минимальным количеством усилий для достижения этого результата, как WP Rocket.

Плагин WP Rocket стал маст-хэв плагином при создании каждого сайта, как, например, плагины для SEO, безопасности и оптимизации.

Здесь вы можете подключить RocketCDN — собственный CDN-сервис WP Rocket за отдельную плату.

Кроме RocketCDN вы можете подключить другие сервисы CDN, в том числе платный или бесплатный CloudFlare.

Кэш

Настройки WP Rocket - Кэш

Все обязательные типы кеширования, например, кеширование в браузере, GZIP, базы данных и так далее, включены и настроены (сравните с настройкой кеширования в W3 Total Cache).

Вам остается сделать 4 настройки:

Включить кэширование для мобильных устройствВключить. Эта настройка включает кеширование для посетителей с мобильных устройств. «Мобильными устройствами» WP Rocket считает только телефоны / смартфоны.

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

Если у вас активирована такая тема или плагин, WP Rocket автоматически включит эту функцию, и сделает ее серой, то есть недоступной для изменения.

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

Хотя в документации сказано, что для обычных Вордпресс тем эту настройку нужно держать выключенной, у меня на темах Blocksy и Kadence с этой настройкой мобильные страницы получают на 10-15 баллов больше, чем без нее.

Попробуйте протестировать страницы с включенной и выключенной опцией, оставьте лучший вариант.

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

Если у вас мембершип или интернет-магазин, то посетители могут видеть кешированный контент друг друга при авторизации на сайте, в закрытых частях сайта, в Корзине, на странице Оформления заказа или в админке.

Если ваши посетители жалуются на эти страницы, отключите кэширование авторизованных пользователей.

Время жизни кэша — 10 часов. Здесь указывается время жизни кэша, через которое он становится устаревшим и сбрасывается. Если у вас включена «Предзагрузка» (включена по умолчанию), то после очистки устаревшего кэша будет создаваться новый, ничего делать не надо.

Файлы

В этом разделе находятся настройки для файлов CSS и JS. Если после применения настроек вы видите проблемы на сайте, то отключайте настройки по одной, чтобы найти причину.

Настройки WP Rocket - Оптимизация файлов

Сжимать стили CSS и Сжатие JavaScript файловВключить. Эти настройки убирают комментарии, пробелы, пустые строки и другую ненужную информацию из кода в CSS и JS файлах.

Это безопасная настройка и не должна сломать сайт.

Перед включением этой опции вы увидите такое предупреждение:

Предупреждение WP Rocket

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

После того, как вы включите минификацию CSS и JS, появятся следующие настройки:

Объединять CSS файлы и Объединять JavaScript файлыВыключить.

Смысл этих настроек в том, чтобы объединить несколько CSS и несколько JS файлов в один CSS файл и один JS файл, которые скачаются 2-мя запросами вместо 20-ти. Это сэкономит время на генерацию большого количества запросов и ускорит загрузку страницы.

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

Кроме этого, с появлением HTTP/2 этот подход потерял смысл, потому что в этой версии протокола все запросы и скачивания происходят параллельно, в отличие от версии 1.1, где запросы происходили последовательно.

HTTP 1.1 vs HTTP 2
HTTP 1.1 vs HTTP 2

Проверьте, что ваш хостинг поддерживает HTTP/2 (скорее всего, поддерживает), и оставьте эти настройки выключенными.

Это самая проблемная настройка, которая не имеет смысла с HTTP/2.

Исключить CSS файлы и Исключаемые JavaScript файлы — если минификация или объединение файлов вызывает проблемы, в этих полях вы можете указать, какие файлы нужно исключить из минификации или объединения.

Оптимизация доставки CSSВключить. Эта настройка находит минимально необходимые стили CSS для отображения страниц сайта, и помогает решить предупреждение Google PageSpeed “Eliminate render-blocking resources”.

После того, как вы включите эту настройку, вам нужно выбрать одну из двух опций: «Убрать неиспользуемые CSS» или «Загружать CSS асинхронно«.

Рекомендуется включить «Убрать неиспользуемые CSS«, это решит предупреждение Google PageSpeed “Remove unused CSS”.

Эта опция уберет неиспользуемый CSS со страниц сайта, поэтому пройдите по страницам, проверьте, что все отображается правильно.

Если вы увидели, что какие-то элементы на страницах отображаются неправильно, добавьте эти правила в исключения в поле «Безопасный список CSS«.

Если добавление стилей в список исключений не помогает, то используйте вариант «Загружать CSS асинхронно«. Это более безопасный вариант.

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

Асинхронная загрузка JavaScriptВключить. Эта настройка аналогична предыдущей, но с JS. Она переносит загрузку скриптов в футер, и помогает решить рекомендацию Google PageSpeed “Eliminate render-blocking resources”.

Обычно *.js — тяжелые файлы, требующие ресурсов на свою обработку, поэтому их откладывание заметно уменьшает параметры First Input Delay и Total Blocking Time в Core Web Vitals.

Если после переноса в футер какой-то скрипт вызывает проблемы, его можно добавить в исключения в поле Исключаемые JavaScript файлы.

Отложить загрузку JavaScriptВключить. Эта настройка откладывает загрузку JS файлов и скриптов на странице до тех пор, пока пользователь не произведет одно из этих действий: движение мышкой, касание пальцем экрана, скролл, прокрутка колесиком или нажатие кнопки.

С помощью этой опции вы решите эти рекомендации Google PageSpeed:

  • Remove unused JavaScript
  • Minimize Main thread work
  • Reduce JavaScript Execution time
  • Total blocking time
  • Time to Interactive
  • First contentful paint

Медиа

Настройки WP Rocket - Медиа

Предзагрузка

Настройки WP Rocket - Предзагрузка

Расширенные

Настройки WP Rocket - Расширенные

База данных

Настройки WP Rocket - База данных

CDN

Настройки WP Rocket - CDN

Пульсация

Настройки WP Rocket - Настройки WP Rocket - Пульсация

Дополнения

Настройки WP Rocket - Дополнения

Cloudflare

Настройки WP Rocket - Настройки Cloudflare

Оптимизация фото

Настройки WP Rocket - Оптимизация фото

Инструменты

Настройки WP Rocket - Инструменты

Инструкции

Настройки WP Rocket - Инструкции

Надеюсь, статья была полезна. Оставляйте комментарии.

Ответить

Ваш адрес email не будет опубликован.

Techbear

Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.

WordPress   WooCommerce   Membership   Elementor   ACF

Обновления блога

Techbear