Обзор WP Powered Cache

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

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

C платной версией плагина вы можете получить 98+ баллов в тесте Гугл.

Этот плагин работает с технологиями, которые требуются в тестах Google PageSpeed Insights, Pingdom, GT Metrix, он имеет простой и понятный интерфейс и повторяет логику работы плагина WP Rocket.

В этой статье обзор и настройка плагина WP Powered Cache.

WP Powered Cache

Это один из последних плагинов кеширования, популярная версия 3.0 вышла в середине 2023 года.

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


Powered Cache хороший плагин с большим функционалом. В бесплатной версии есть такие возможности:

  • Кеширование страниц: Статические HTML-страницы, CSS, JavaScript, изображения и другие элементы на сервере и в браузере посетителя.
  • Оптимизация базы данных: Выполняет очистку ненужных данных и дефрагментацию таблиц, оптимизирует запросы к базе данных.
  • Минификация и объединение: Сжимает HTML, CSS и JavaScript, уменьшая их размер и улучшая время загрузки страницы.
  • Lazy Load: Откладывает загрузку изображений, пока они не попадут в видимую область экрана.
  • Мобильный кеш: Оптимальная производительность и удобство использования сайта на мобильных устройствах.
  • Откладывание загрузки JS: Откладывает и задерживает загрузку JS на после загрузки основного контента.
  • Сеть доставки контента (CDN): Поддерживает интеграцию с CDN, позволяя быстрее доставлять статические ресурсы посетителям.
  • SEO-оптимизация: Быстро открывающиеся страницы — одно из условий попадания сайта на верхние строки поисковой выдачи.

В бесплатной версии у меня получился такой результат:

Только с бесплатной версией этого плагина у меня получилось набрать 80+ баллов по тесту Гугл в мобильной и десктопной версиях.

В платной версии плагина появляются дополнительные функции:

  • Кеширование объектов
  • Поддержка Memcached
  • Предзагрузка
  • Создание Critical CSS
  • Удаление неиспользуемого CSS
  • Оптимизация изображений
  • Оптимизация базы данных по расписанию
  • Другие настройки для удовлетворения требований Google PageSpeed Insights.
  • Тех.поддержка

С платной версией плагина у меня получился такой результат:

Мобильная версия
Десктопная версия

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

Поисковики требуют, чтобы страницы открывались за 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 Powered Cache.

Не все так просто

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

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

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

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

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

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


Настройка WP Powered Cache занимает менее 10 минут. Это не такой большой плагин вроде LiteSpeed Cache или W3 Total Cache, но имеет все нужные инструменты, чтобы получить высокую оценку во всех тестах скорости.

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

Платная версия начинается от 29$ / год на 1 сайт, или 59$ / 3 года за лицензию на 1 сайт.

Лучший плагин кеширования по Цена / Качество

Бесплатная версия
Актуальные настройки
Мобильный кеш
Отложенная загрузка JS

Реклама

Банк Тинькофф: Дебетовая карта Drive

Настройка Powered Cache

Во второй части — настройки плагина Powered Cache.

Основные настройки

Основные настройки Powered Cache

Кеширование страниц — Включите кеширование.

Object Cache — Сохраняет в Memcache или Redis содержимое объектного кеша.

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

Чтобы не создавать одни и те же запросы, можно хранить эти данные в модулях Memcache или Redis на сервере.
Выберите Redis или Memcache. На хостинге Бегет установлены оба модуля, я тестировал оба. У меня оценка в тестах Гугл получалась примерно одинаковая.

Мобильный кеш — обычно не нужно, зависит от темы. Потестируйте какой вариант лучше.

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

Gzip компрессия — сжатие страницы на основе повторяющихся частей контента, включите.

Срок действия кеша — оставьте 1 День по умолчанию.

Расширенные настройки

Расширенные настройки Powered Cache

Автоматическая настройка .htaccess — добавляет свои правила в файл .htaccess, включите.

Дальше списки исключений, что не следует кешировать.

Оптимизация Файлов

Оптимизация файлов Powered Cache

Минифицировать HTML — удаляет всю ненужную информацию со страницы, — пробелы, переносы строк и комментарии в коде, включите.

Оптимизировать HTML с помощью Dom-анализатора — еще больше оптимизирует html, включите.

Объединить шрифты Google — я оставил выключенным, потому что на хостинге используется HTTP 2, то есть все загрузки происходят параллельно, а не по очереди, как в версии 1.1.

HTTP 1.1 vs HTTP 2
HTTP 2 загружает все файлы сразу

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

При включении этой настройки появится еще одна — Добавить параметр swap шрифтам Google Fonts, — включите.

Когда на странице используется какой-то Гугл шрифт, то файл style.css говорит браузеру, что шрифт нужно скачать по определенному адресу, например:

https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic

Так как скачивание и рендер шрифта вызовет “render blocking time”, то можно использовать правило «font-display: swap;»

Чтобы добавить это правило, плагин передает параметр display:

https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&display=swap

Так это не будет блокировать рендеринг и страница отобразится быстрее.

Использовать Bunny Fonts — на ваше усмотрение. В Документации статьи пока нет.

Реклама

Минифицировать файлы CSS — удаляет комментарии, пробелы, переносы строк из файлов css, включите.

Объединить CSS файлы — смысл этой настройки в том, чтобы объединить содержимое всех css файлов в один, и скачать одним запросом. Сейчас это не имеет смысла, потому что везде используется HTTP 2.

Critical CSS — CSS, необходимый для отображения контента «above the fold» — над сгибом — во время загрузки страницы.

Что такое Above the fold

Above the fold — то, что находится на экране.
Below the fold — то, что находится ниже экрана / ещё не попало на экран.

Плагин извлекает необходимый css для контента, который находится в зоне «above the fold» и асинхронно загружает остальной css после загрузки основного контента.

Неиспользуемый CSS — Удаляет неиспользуемый на странице css. Одно из требований Гугл — Remove unused CSS — Удалите неиспользуемый CSS, включите.

В Документации Blocksy по поводу этой функции говорится следующее:

«<…> наша высокодинамичная и оптимизированная тема Blocksy. Все наши инструменты используют загрузку ресурсов по запросу, что означает, что они не отображаются на странице до тех пор, пока инструмент не будет активирован или использован. При включенной опции “Удалить неиспользуемый CSS” алгоритм плагина для оптимизации может фактически удалить CSS и ресурсы, необходимые для загрузки по запросу, что может нарушить функциональность вашего сайта.

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

В моем случае на сайте ничего не сломалось, пропало предупреждение Гугл «Remove unused CSS» и повысился общий балл. Я оставил настройку включенной.

Минифицировать файлы JS — удаляет комментарии, пробелы, переносы строк из файлов js, включите.

Объединить JS файлы — объединяет содержимое всех js файлов в один. Оставьте выключенным.

JS скрипты очень чувствительны к нахождению на своем месте и часто вызывают проблемы при попытке перенести или объединить. Кроме того, не имеет смысла из-за использования протокола HTTP 2.

Применить JS Defer ко всем скриптам — Откладывает загрузку всех скриптов (кроме исключений) на момент после загрузки основного контента. В 99% случаев это безопасная настройка, и не влияет на фронт-энд.

JS Delay — Задержка выполнения всех скриптов (кроме исключений) до действия посетителя с экраном или мышкой. Проверьте работу скриптов после включения этой настройки.

Rewrite File Optimizer — меняет адреса к ресурсам для эффективной оптимизации CSS и JS файлов, включите.

Оптимизация Медиа

Оптимизация Медиа Powered Cache

Оптимизация изображений — оптимизирует все картинки на сайте, конвертирует в формат avif или webp, и обслуживает ими посетителей из собственной сети из 10 серверов по миру.

Сеть серверов Powered Cache
Сеть серверов Powered Cache

Я не использую, потому что оптимизирую каждую картинку вручную. Можно включить ради CDN.

Lazy Load — технология, которая позволяет не загружать изображения до тех пор, пока они не появятся в окне пользователя.

Я не использую, оставляю стандартную Вордпресс.

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

Embeds — включите.

Emoji — на ваше усмотрение.

Подключение CDN

Подключение CDN Powered Cache

Здесь вы настраиваете подключение к CDN.

Плагин подключается к Cloudflare, но не здесь, а в Расширениях в настройках модуля Cloudflare.

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

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

Предзагрузка — обходит страницы сайта и создает статичные html версии каждой страницы. Включите создание кеша для нужных страниц.

Предзагрузка карты сайта — Включить.

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

База Данных

База данных Powered Cache

Необходимый минимум для очистки и оптимизации базы данных.

Реклама

Расширения

Расширения Powered Cache

Здесь можно включить дополнительные расширения, одно из них — подключение к Cloudflare.

Добавьте емайл, API ключ и ID зоны для подключения к аккаунту Cloudflare и управления кешем. Здесь появится кнопка сброса кеша на Cloudflare.

Разное

Разное Powered Cache

Другие настройки, диагностика, экспорт / импорт настроек.

Лицензия

Здесь находится ваша лицензия.


WP Powered Cache — это отличный плагин кеширования, в котором есть все, что нужно, чтобы набрать 90-100 баллов в тесте Гугл.

Этот плагин работает так же хорошо, как WP Rocket, но стоит дешевле и имеет бесплатную версию, с помощью которой можно получить 80+ баллов в десктопной и мобильной версиях.

Платная версия стоит от 29$ / год за лицензию на 1 сайт.

Читайте также:

  1. Обзор и настройка WP Rocket
  2. Лучшие плагины кеширования Вордпресс
  3. Обзор и настройка W3 Total Cache

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

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Techbear

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

WordPress   WooCommerce   Membership   Elementor   ACF

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

Subsription - Gray Footer
Techbear