WP Rocket: ускорить ваш сайт WordPress в несколько кликов

Плагин WP Rocket - логотип
Плагин WP Rocket
SUMMARY

Каковы преимущества плагина WP Rocket?

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

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

Сравнение до и после

Мы еще вернемся к настройкам и всем возможностям этого плагина, но я хотел показать вам его влияние на сайт до/после установки и после выполнения очень простых настроек в двух вкладках: вкладка “Оптимизация CSS и JS файлов” и вкладка “Медиа”.

WP Rocket утверждает, что мы можем достичь значительных результатов очень легко и без каких-либо предварительных технических знаний. Для сравнения я буду использовать GTmetrix для тестирования производительности управляемого сайта WordPress на хостинге Hostinger, используя бесплатный аккаунт Cloudflare CDN.

1) Результаты перед установкой WP Rocket:

Производительность сайта до установки плагина WP Rocket

2) Результаты после установки плагина:

Производительность сайта сразу после установки плагина WP Rocket

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

3) Настройки для вкладки “Оптимизация файлов CSS и JS”:

По умолчанию эти функции не активированы. Вот настройки, которые я сделал:

  • Минифицировать файлы CSS: установите значение ON
  • Объединить файлы CSS: установить значение ON
  • Оптимизация доставки CSS + асинхронная загрузка файлов CSS: установлено значение ON
  • Минифицировать файлы CSS: установите значение ON
  • Задержка загрузки файлов JS: установлено значение ON
  • Задержка выполнения JavaScript до взаимодействия с пользователем: установлено значение ON

Вот результаты оптимизации файлов CSS и JS:

Производительность сайта после оптимизации файлов - плагин WP Rocket

Оптимизация файлов CSS и Javascript позволила мне перейти от оценки B к оценке A на GTmetrix всего за несколько кликов!

4) Настройки вкладки “Медиа”:

Это настройки для “Ленивой загрузки” и размера изображения.

  • Разрешить для изображений: установите значение ON
  • Включить для iframe и видео: установите значение ON
  • Добавить недостающие размеры изображения: установите значение ON

Вот дополнительные результаты, полученные с помощью настроек Lazy Load и размера изображения:

Производительность сайта после ленивой загрузки изображений, iframe и видео - плагин WP Rocket

5) Результаты, полученные после оптимизации изображения с помощью Imagify:

Результаты, полученные после оптимизации изображения с помощью Imagify

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

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

Плагин WP Rocket - ценообразование

У нас есть выбор из 3 годовых планов, в зависимости от количества сайтов, которые мы хотим оптимизировать:

План Single действителен для одного сайта WordPress и стоит всего $49 в год (или €44 в год), включая поддержку. Вы можете использовать плагин на большем количестве сайтов, обновив лицензию. При обновлении вы заплатите только разницу в цене между вашей текущей лицензией и той, на которую вы переходите.

План Plus позволяет оптимизировать 3 веб-сайта и стоит 99 долларов США в год (или 88 евро в год). Наконец, план Infinite стоит $249 в год (или €222 в год) и позволяет оптимизировать неограниченное количество сайтов WordPress.

Иногда вы можете приобрести плагин по сниженной цене. Предоставляется 100% гарантия возврата денег в течение 14 дней после покупки. При продлении лицензии предоставляется скидка 30%.

Плагин WP Rocket

Все настройки WP Rocket:

1) Приборная панель WP Rocket

Plugin WP Rocket Onglet tableau de bord
  • Моя учетная запись: здесь вы можете найти информацию о своей лицензии.
  • “Быстрые действия”: эти настройки позволяют удалить все кэшированные файлы в один клик, запустить предварительную загрузку кэша или регенерировать критические CSS.
  • RocketCDN: У вас есть возможность подписаться на собственную CDN WP Rocket. Но цена кажется немного высокой: $7,99 в месяц.
  • Мой статус: эта настройка позволяет вам делиться анонимными данными с командой разработчиков, чтобы помочь улучшить WP Rocket.
  • Ссылки на видео, объясняющие, как работает плагин, как измерить скорость вашего сайта, как сделать лучшие настройки, … Есть также ссылка на официальную документацию плагина, и, наконец, ссылка для связи со службой поддержки.

2 ) Вкладка “Кэш”

Плагин WP Rocket - вкладка Cache
  • Mobile Cache: Этот параметр позволяет включить или отключить кэширование для мобильных пользователей. По желанию вы можете использовать отдельные файлы кэша для мобильных устройств (это вариант для тех, кто использует специальные мобильные темы).
  • Пользовательский кэш: Этот параметр позволяет включить или отключить кэширование для пользователей, которые вошли в систему. Пользовательский кэш полезен, если на сайте есть специальный контент для пользователей.
  • Время жизни кэша: Этот параметр позволяет указать время, по истечении которого файлы кэша будут удаляться.

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

3) Вкладка “Оптимизация файлов”

Plugin WP Rocket Onglet Optimisation des fichiers

Это вкладка, которая позволит вам оптимизировать и настроить параметры файлов CSS и JavaScript. Для файлов CSS вы можете :

  • Минимизируйте файлы CSS, удаляя комментарии и белое пространство в файлах CSS, чтобы уменьшить их размер.
  • Объединить файлы: эта настройка позволяет объединить различные файлы CSS в один файл, тем самым уменьшая количество HTTP-запросов.
    Можно исключить определенные CSS-файлы из минификации и объединения CSS.
  • Оптимизация доставки CSS путем устранения блокирующего рендеринг CSS. Есть выбор между двумя методами: удаление неиспользуемого кода CSS (метод Beta, который официально рекомендуется) или метод асинхронной загрузки CSS.

Для файлов JavaScript вы можете :

  • Минимизируйте файлы JavaScript, удаляя комментарии и белое пространство в файлах JS для уменьшения их размера. Можно исключить определенные файлы JavaScript из минификации.
  • Объедините файлы JavaScript, объединив все JS-файлы, чтобы уменьшить количество HTTP-запросов. Можно исключить определенные файлы JavaScript из конкатенации.
  • Задержка загрузки JavaScript для устранения блокирующего рендеринг JavaScript на вашем сайте, чтобы улучшить время его загрузки. Можно исключить определенные файлы JavaScript.
  • Задержка выполнения JavaScript до момента взаимодействия с пользователем (например, когда пользователь прокручивает экран или щелкает мышью)
Плагин WP Rocket

4) Вкладка “Медиа”

Plugin WP Rocket Onglet Media
  • Вкладка Media позволяет оптимизировать мультимедийные файлы на вашем сайте. Для этого плагин включает отложенную загрузку для изображений, iframe и видео, позволяя сократить время их загрузки (есть возможность исключить определенные изображения или iframe). Наконец, вы можете заменить фрейм YouTube на изображение для предварительного просмотра.
  • Также можно добавить недостающие атрибуты ширины и высоты к изображениям. Эта настройка помогает предотвратить изменения макета и улучшить качество чтения для веб-пользователей.

5) Вкладка “Предварительная загрузка”

Plugin WP Rocket Onglet Prechargement
  • Включите предварительную загрузку файлов, чтобы генерировать файлы кэша, начиная со ссылок на главную страницу, а затем XML-карты сайта. Предварительная загрузка файлов автоматически запускается при добавлении или обновлении контента, а также может быть запущена вручную из панели администратора или из приборной панели WP Rocket.
  • Включить предварительную загрузку ссылок, которая значительно улучшает воспринимаемое время загрузки, загружая страницу, когда пользователь наводит курсор на ссылку.
  • Предварительное чтение DNS-запросов для сокращения времени загрузки внешних файлов. Вы должны вручную указать URL-адреса, которые будут предварительно прочитаны.
  • Предварительная загрузка шрифтов: эта настройка повышает производительность сайта, позволяя браузерам обнаруживать шрифты непосредственно в файлах CSS. Вы должны вручную указать URL-адреса файлов, содержащих шрифты для предварительной загрузки. Эти шрифты должны быть размещены на вашем собственном домене или на домене, который вы указали на вкладке CDN.

6) Вкладка “Дополнительные настройки”

Plugin WP Rocket Onglet Reglages avances 2

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

  • URL-адреса страниц или элементов, которые никогда не должны кэшироваться, например: страницы входа или выхода из системы, страница проверки заказа …
  • Идентификаторы cookie, которые, будучи установленными в браузере посетителя, должны предотвращать кэширование страницы.
  • Строки агентов пользователя, которые никогда не должны видеть кэшированные страницы.
  • URL-адреса, которые должны быть удалены при обновлении содержимого страницы или статьи.
  • Строки запроса, которые необходимо кэшировать.

Для всех этих расширенных настроек необходимо указать ресурсы, которые вы хотите оптимизировать: URL, идентификатор cookie, строки запроса.

7) Вкладка “База данных”

Plugin WP Rocket Onglet Base de donnees

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

  • Функция Post Cleanup позволяет навсегда удалить пересмотры публикаций, авточерновики и удаленные публикации, что особенно полезно для блогов.
  • Чистильщик комментариев позволяет навсегда удалить спам и удаленные комментарии.
  • Очистка переходных процессов: эта функция действительно полезна, поскольку переходные процессы могут сильно замедлить работу сайта.
  • Очистка базы данных.
  • Наконец, вы можете настроить автоматическую очистку, которая может быть ежедневной, еженедельной или ежемесячной.
Плагин WP Rocket

8) Вкладка “CDN”

Plugin WP Rocket Onglet CDN

Вкладка CDN позволяет настроить параметры CDN (Сеть доставки контента) для вашего сайта. В этом разделе вы можете :

  • использовать собственную сеть доставки контента WP Rocket: RocketCDN. Тариф составляет $7,99 в месяц.

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

RocketCDN также экономит наше время: не нужно искать оптимальные настройки в панели CDN. Вместо этого мы просто вводим пользовательский URL, и наш сайт сразу становится быстрее.

Наконец, RocketCDN работает на базе StackPath.

  • Вкладка CDN также позволяет активировать CDN по вашему выбору (кроме Cloudflare или Sucuri, они поддерживаются вкладкой “Дополнения”). URL-адреса статических файлов (изображений, Javascript и CSS) будут переписаны в указанный вами CNAME CDN. Можно исключить определенные URL-адреса из числа поддерживаемых CDN.

9) Вкладка “Сердцебиение”

Plugin WP Rocket Onglet Battement de coeur

На этой вкладке вы можете управлять WordPress Heartbeat API. Этот API позволяет браузеру автоматически взаимодействовать с сервером. В этом разделе настроек WP Rocket вы можете:

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

API выполняет набор задач с интервалом или “тиком” каждые 15-60 секунд и использует файл admin-ajax.php на бэкенде (приборной панели), редакторе публикаций или фронтенде для выполнения этой деятельности. Большое количество запросов admin-ajax.php на некоторых серверах может вызвать перегрузку или высокую загрузку процессора. В зависимости от веб-хоста и типа хостинга, такая перегрузка может привести к проблемам с производительностью и, в конечном итоге, к приостановке хостинг-аккаунта.

Плагин WP Rocket

10) Вкладка “Дополнительные модули”

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

Plugin WP Rocket Onglet Modules complementaires 1

Модули, которые можно активировать одним щелчком мыши, – это Varnish и модуль совместимости с WebP:

  • Varnish позволяет очищать кэш Varnish каждый раз, когда плагин WP Rocket очищает свой собственный кэш, чтобы контент, предлагаемый пользователям Интернета, всегда был актуальным.
  • Настройка “Совместимость с WebP” позволяет нам создать отдельный файл кэша, в случае если мы используем этот формат изображения через определенный плагин WordPress.
Plugin WP Rocket Onglet Modules complementaires 2 1

Модулями, требующими аутентификации, являются Cloudflare и Sucuri :

  • Дополнение Cloudflare позволяет интегрировать учетную запись Cloudflare. Вам нужно будет указать свою электронную почту и ключ API Cloudflare.
  • Дополнение Sucuri позволяет синхронизировать кэш с учетной записью Sucuri. Вам нужно будет предоставить свой “Ключ API брандмауэра”.

11) Вкладка “Оптимизация изображений”

установка IMAGIFY

Здесь вы можете установить плагин Imagify, если хотите оптимизировать свои изображения. Более подробно о Imagify в этой статье.

12) Вкладка “Инструменты”

Plugin WP Rocket Onglet Outils 1
  • Экспорт и импорт настроек: вы можете загрузить копию своих настроек, что особенно полезно, когда вам нужно управлять несколькими сайтами WordPress. Просто нажмите на кнопку справа, чтобы скачать файл.
  • Откат: позволяет вернуться к предыдущей версии плагина.

13) Вкладка “Учебники”

Plugin WP Rocket Onglet Tutoriels

Предлагается серия видеороликов на различные довольно полезные темы: как правильно начать, как правильно измерить скорость нашего сайта, как пройти тест Core Web Vitals, как проверить, что плагин кэширует наш сайт, узнать, как работает предварительная загрузка, как улучшить LCP, как улучшить FID , как улучшить CLS, как исправить некоторые проблемы совместимости, как настроить дополнение Cloudflare…

как улучшить показатели Core Web Vitals

Часто задаваемые вопросы

Как установить WP Rocket?

1/ Зайдите в свой аккаунт WP Rocket после покупки плагина и скачайте ZIP-файл:

установка плагина WP Rocket - скачать

2/ Перейдите на вкладку “Плагины” в панели администратора WordPress:

установка плагина WP Rocket 1

3/ Нажмите “Добавить новый”:

установка плагина WP Rocket 2

4/ Нажмите на кнопку “Загрузить плагин”:

установка плагина WP Rocket 3

5/ Нажмите на “выбрать файл”:

установка плагина WP Rocket 4

6/ Нажмите на “установить сейчас

установка плагина WP Rocket 5

7/ Подождите несколько секунд, пока завершится установка, затем активируйте ваш плагин:

установка плагина WP Rocket 6
установка плагина WP Rocket 7

Работает ли WP Rocket с Cloudflare?

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

Мой сайт сломан! Что мне делать?

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

Плагин WP Rocket

Какие есть альтернативы плагину WP Rocket?

Вот некоторые альтернативы: WP Super Cache, WP Fastest Cache, W3 Total Cache, LiteSpeed Cache, WP-Optimize,…

Что лучше WP Rocket или W3 Total Cache?

WP Rocket имеет больше функций оптимизации скорости, чем W3 Total Cache (очистка базы данных, локальный хостинг Google Analytics, предварительная загрузка шрифтов и т.д.). Именно поэтому он обычно дает лучшие результаты в GTmetrix.

Действительно ли WP Rocket незаменим?

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

С какими веб-серверами совместим плагин WP Rocket?

Плагин совместим с Apache, NGINX, Microsoft IIS и LiteSpeed.

Как использовать WP Rocket в многосайтовой среде?

Вам следует учесть несколько деталей. Более подробная информация в официальной документации.

Могу ли я запустить WP Rocket на локальном хосте и на доменах, предназначенных для демонстрации?

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

Плагин WP Rocket
Логотип хостинга Cloudways
Веб-хостинг Cloudways

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Добавить комментарий