Обзор настроек и возможностей WP Rocket: плагина кэширования для WP

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

Но прежде всего, что такое WP Rocket?

WP Rocket — это плагин кэширования и оптимизации производительности, который улучшает скорость загрузки сайтов на CMS WordPress.

Что такое кэширование?

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

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

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

Кэширование — один из самых эффективных способов ускорить работу сайта.

Почему важно оптимизировать скорость загрузки сайта?

Почему так важно иметь быстро загружающийся сайт?

Есть две основные причины:

  1. Более высокий рейтинг в поисковых системах;
  2. Более высокая конверсия существующего трафика.

Нечасто Google публично заявляет, что что-то является фактором ранжирования. Поэтому, когда они это делают, мы должны принять это к сведению.

В июле 2018 года Google объявил об обновлении своего алгоритма, названном Speed Update. С этого момента скорость страницы стала фактором ранжирования.

Почему Google так озабочен скоростью веб-сайтов?

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

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

По данным Quicksprout, 47% людей ожидают, что страницы будут загружаться за две секунды или меньше, а 64% мобильных пользователей ожидают, что сайты будут загружаться менее чем за четыре секунды.

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

Итак, если сайт загружается медленно, (а) вы потеряете трафик из-за снижения рейтинга в поисковых системах и (б) вы потеряете посетителей, которые покинут ваш сайт из-за того, что он слишком долго загружается.

Согласитесь, это слишком большая цена за медленно загружающийся сайт!

И именно поэтому многие корпоративные сайты используют те или иные плагины для оптимизации скорости.

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

Давайте теперь посмотрим, что именно делает WP Rocket.

Что делает WP Rocket?

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

WP Rocket вид панели управления

В этом разделе обзора я пройдусь по этим одиннадцати пунктам, объясняя опции каждого пункта и то, как они ускоряют ваш сайт.

1 — Кэш

В разделе «КЭШ» у вас есть три основные опции для кэширования:

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

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

2 — Файлы

Оптимизация файлов касается операций минификации и конкатенации.

Минификация файлов означает удаление пробелов из CSS и JS, чтобы они загружались быстрее.

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

Эти операции в WP-Rocket называются «Сжимать стили CSS» и «Объединять CSS файлы» (показаны на скриншоте ниже). Опцию «Сжимать стили CSS» я использую редко на своих проектах, так как выигрыш в производительности небольшой, а опцию «Объединять CSS файлы» не использую, так как по умолчанию включаю на своих сайтах HTTP/2.

Отдельно здесь стоит отметить опцию «Оптимизация доставки CSS», которая позволяет оптимизировать время загрузки стилей с помощью критических CSS. Использую эту опцию всегда.

Начиная с WP-Rocket 3.9+ версий появилась крутая опция «Убрать неиспользуемые CSS», которая позволяет удалить неиспользуемые CSS на всех страницах сайта и помогает уменьшить размер страницы и количество HTTP запросов. Её включение позволяет пройти целый один аудит в Page Speed Insights (Remove unused css).

В подразделе ‘JavaScript файлы’ вы также можете найти опцию под названием ‘Отложить загрузку Javascript‘. Это новая, постоянно модернизируемая разработчиками функция, начиная с версий WP Rocket 3.7 +, которая увеличивает ваш Page Speed Score.

Раздел js файлы в wp rocket

Эта функция работает примерно как Lazy Loading: ваш сайт будет загружать Javascript только тогда, когда это необходимо посетителю.

Как видно из скриншота выше, в этом подразделе также есть функция «Сжатие JavaScript файлов» и «Объединять JavaScript файлы», которые работают аналогично функциям «Сжимать стили CSS» и «Объединять CSS файлы». Я также редко на практике их использую для своих проектов.

Отдельно хочу отметить функцию «Асинхронная загрузка Javascript», которая устраняет проблему рендеринга страницы и ускоряет время загрузки. Использую её почти всегда. Если включить эту опцию, то все файлы JavaScript на страницах сайта, включая те, которые минифицированы WP Rocket, будут загружаться с атрибутом defer.

3 — Медиа

Ключевой опцией в Медиа является «LazyLoad», которая ускоряет сайт за счёт отложенной загрузки изображений, фреймов и видео по мере их появления в области видимости и уменьшает количество HTTP запросов.

Раздел медиа wp-rocket

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

WP Rocket также предлагает возможность замены iframe’ов YouTube на статичный placeholder (опция «Заменять видео Youtube превью картинкой»). Если у вас много встроенных видеороликов YouTube, эта функция потенциально может сэкономить много миллисекунд времени загрузки и сделать ваш сайт намного быстрее.

Начиная с версии WP-Rocket 3.8+ появилась долгожданная опция «Добавить отсутствующие параметры». Эта опция позволяет добавить параметры ширины и высоты для изображений, а также помогает избежать скачков дизайна при загрузке сайта. Другими словами, эта опция улучшает показатель CLS (Cumulative layout shift) в PageSpeed Insights.

Я также, в зависимости от проекта» включаю опцию «Отключить WordPress вставки», которая ограничивает возможность использовать ваш контент на чужих сайтах, а также чужой контент на вашем сайте, убирает JavaScript запросы к WordPress серверам.

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

Предварительная загрузка — это усовершенствованный вариант стандартного кэширования. При стандартном кэшировании кэш создается, когда пользователь впервые посещает страницу. Это создает задержку для первого пользователя страницы. Предварительная загрузка создает кэш заранее, чтобы он был готов и «ждал», когда придет первый посетитель.

Когда вы установите флажок «Активировать предзагрузку«, ваша домашняя страница и все ссылки на ней будут предварительно загружены, когда:

  • вы сохраняете изменения в настройках WP Rocket (потому что это очистит кэш).
  • срок службы кэша истекает.

Вы также можете выбрать ‘Активировать предзагрузку страниц на основе карты сайта‘. При включении этой опции WP Rocket будет автоматически определять вашу карту сайта и загружать содержимое на основе карты сайта.

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

Предзагрузка кэша в wp-rocket

Также в этом разделе можно найти такую функцию как «Включить предзагрузку ссылок«, которая позволяет начинать загружать страницу уже когда пользователь наводит курсор на ссылку. Я также её всегда включаю почти на всех проектах.

Предзагрузка ссылок в WP-Rocket

5 — Расширенные правила

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

6 — База данных

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

Опции базы данных в wp-rocket

В этом разделе вы также можете попросить WP Rocket периодически очищать спам-комментарии, просроченные переходные файлы и оптимизировать таблицы:

Очистка базы данных WP-Rocket

А с помощью функции «Автоматическая очистка» вы можете настроить очистку по расписанию. Я выбираю очистку еженедельно.

7 — CDN

Если вы используете внешнюю сеть доставки контента (CDN) для обслуживания ваших изображений и других статических ресурсов, вы можете указать CNAME вашей CDN. Таким образом, WP Rocket гарантирует, что вы получите максимальную скорость от вашей CDN.

Вы также можете исключить определенные файлы из обслуживания вашей CDN:

CDN в wp-rocket

Если у вас нет CDN, а она вам нужна, вы можете активировать WP Rocket CDN ($7,99 в месяц) из этого раздела:

RocketCDN в WP-Rocket

Мне пока не доводилось использовать возможности CDN, так как не вижу в этом полезного смысла. Но кому это надо, то весь функционал WP-Rocket для работы с CDN предоставляет.

8 — Пульсация (Heartbeat)

WP Heartbeat — это API WordPress, который посылает непрерывные запросы между вашим сайтом и сервером (отсюда и название). Он предназначен для синхронизации данных между сервером и веб-сайтом в режиме реального времени. Одна из функций, которую Heartbeat делает возможным, — это функция автосохранения записей.

Хотя Heartbeat, несомненно, полезен, он приводит к отправке большого количества запросов на ваш сервер. А это создает большую нагрузку на процессор, что, в свою очередь, замедляет время отклика вашего сервера.

С помощью WP Rocket вы можете ограничить или полностью остановить активность WordPress Heartbeat API.

Чтобы ограничить активность Heartbeat, установите флажок ‘Управлять пульсацией‘.

У вас есть три уровня контроля на выбор («не ограничивать», «уменьшить активность» и «отключить») для трех ключевых областей вашей установки WP:

Пульсация в wp-rocket

Управление WP Heartbeat — это еще один способ сэкономить несколько драгоценных миллисекунд от времени загрузки.

Я использую данный функционал с настройками как на скриншоте выше почти на всех своих проектах.

9 — Дополнения

В этом разделе вы найдете некоторые дополнительные функции, которые позволяют оптимизировать совместную работу WP-Rocket с такими продуктами как «Varnish», «Cloudflare» и «Sucuri».

Дополнения в wp-rocket

10 — Оптимизация изображений

В среднем изображения составляют 61,3% от размера загружаемой веб-страницы. Поэтому неудивительно, что изображения являются одной из основных причин медленной загрузки веб-страниц.

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

Я использовал раньше плагин Short Pixel WP, но после того как у WP Rocket появилась своя опция для оптимизации изображений — отдельный плагин Imagify — стал сейчас использовать только его на всех своих проектах. Он меня полностью устраивает как по качеству сжатия изображений, так и по цене. Сейчас месячная подписка на безлимитное сжатие стоит 9.99 USD.

11 — Инструменты

Вкладка «Инструменты» предоставляет вам различные опции для управления плагином. Вы можете экспортировать или импортировать свои настройки (это будет полезно, если вам нужно продублировать настройки WP Rocket на нескольких сайтах WP), а также вернуться к предыдущей версии WP Rocket:

Вкладка инструменты wp-rocket

Альтернативы WP Rocket

Основными альтернативами WP Rocket являются W3 Total Cache и WP Super Cache, оба бесплатные.

Как они конкурируют с WP Rocket?

Ну, ребята из Winning WP «подвергли» эти три плагина кэширования различным испытаниям. Они установили тему Avada на BlueHost и использовали демо-сайт Freelancer в качестве тестового сайта.

Вот результаты:

Среднее время загрузки сайта с WP Super Cache

wp super cache test results

Среднее время загрузки сайта с W3 Total Cache

WP Total Cache test results

Среднее время загрузки сайта с WP Rocket

WP Rocket average load time

Как видите, не так уж и много — WP Rocket оказался всего на 15 миллисекунд быстрее WP SuperCache.

Учитывая очень небольшое преимущество WP Rocket по скорости над WP Super Cache, имеет ли смысл платить $49 в год за WP Rocket? Решать, конечно, только вам.

Одна из областей, в которой WP Rocket имеет преимущество перед WP Super Cache — это простота использования. WP Rocket начнет ускорять ваш сайт, как только вы его активируете. При использовании WP SuperCache требуется произвести немного больше настроек.

Мой блог с WP Rocket и без него

Наконец, давайте посмотрим, как ведет себя мой сайт, когда я деактивирую WP Rocket.

Это мой тест скорости Pingdom с включенным WP Rocket:

Тест pingdom с wp-rocket

Это тот же тест Pingdom с отключенным WP Rocket:

Тест pingdom с отключенным wp-rocket new

Давайте посмотрим на результаты Pingdom:

Время загрузки с включенным WP Rocket составило 1.58 с, а без WP Rocket — 1.8 с. Это улучшение на 220 мс или 13,92%.

Стоит ли платить $49 в год за сайт, который работает на 13,92% быстрее? Опять же решать вам!

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

Не только это, но и то, что сайт работает быстрее, означает, что вы получите больше конверсий от трафика, поступающего на ваш сайт.

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

Есть еще два фактора, которые влияют на скорость вашего сайта больше, чем любой плагин кэширования:

  • Ваш хостинг. Выбор быстрого хостинга окажет большее влияние на скорость работы вашего сайта, чем любой другой фактор.
  • Ваша тема WP — раздутая, потрясающая тема WordPress с множеством колокольчиков и различных украшательств дорого обойдется вам в скорости работы сайта. Ищите легкую тему WP, созданную для скорости.

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

Тем не менее я использую WP-Rocket на всех своих проектах.

Ценообразование WP Rocket

Стоимость WP Rocket составляет $49 в год для одного сайта:

Цены на тарифы плагина кэширования wp-rocket

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

Я купил для своих проектов лицензию Infinite.

Заключение

Плагин WP Rocket WordPress имеет два основных преимущества:

  • Он обеспечивает время загрузки незначительно быстрее, чем другие плагины кэширования (каждая миллисекунда на счету)
  • Это самый простой в использовании из всех плагинов кэширования — он начнет ускорять ваш сайт, как только вы его активируете (даже без выполнения каких-либо настроек).
  • Он позволяет достаточно легко проходить некоторые аудиты PageSpeed Insights без каких-либо дополнительных трудозатрат.