Особенности плагина Divi: Divi Rocket

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

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

Установка и активация

Прежде чем вы сможете использовать Divi Rocket, вам необходимо ввести лицензионный ключ. Перейдите в Divi > Divi Rocket в меню панели инструментов. После активации плагина откроются вкладки меню, где вы сможете выбирать и выполнять задачи.

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

Задания

Вкладка «Задачи» включает 12 задач по оптимизации или удалению файлов. В задачи входят:

1. Оптимизировать таблицы
2. Удалить сообщения с редакцией публикации
3. Удалить авто-черновики сообщений
4. Удалить удаленные сообщения
5. Удалить спам или удаленные комментарии
6. Удалить неутвержденные комментарии
7. Удалить пингбеки и трекбэки
8. Удалить метаданные потерянного сообщения
9. Удалить метаданные потерянного комментария
10. Удалить данные об осиротевших отношениях
11. Удалить метаданные потерянного пользователя
12. Удалить метаданные потерянного термина

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

Кеширование браузера

Включение кеширования браузера указывает браузеру кэшировать статические ресурсы, включая файлы jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic и swf для серверов Apache. Вы можете контролировать количество дней до истечения срока действия кеша и добавлять URL-адреса, которые нужно игнорировать.

Кеширование сервера

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

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

Divi Rocket был разработан специально для модулей Divi. Он знает, что модуль на странице может измениться, в то время как остальная часть страницы останется прежней. Известно, что модули блога и модули магазина могут часто меняться, в то время как модули объявлений и персональные данные меняются реже. Это означает, что он может восстанавливать только часть страницы вместо всей страницы при каждом изменении.

Ленивая загрузка

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

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

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

Сжатие

Сжатие добавляет параметр сжатия GZip. Эта функция больше всего повлияла на скорость моих тестов.

Технические характеристики системы

В «Системных характеристиках» отображается та же информация, что и в меню Divi > Центр поддержки, но предоставляется дополнительная информация о настройках и ссылки на дополнительную информацию. Описания включают информацию о типах проблем, с которыми вы столкнетесь, если ваш сервер не соответствует требованиям, что еще более полезно при устранении неполадок.

Разное

Разное добавляет в WordPress четыре новых параметра:

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

Разрешить пингбеки и трекбэки - установите их на открытие или закрытие. Он управляет обоими с помощью одной настройки.

Кредит нижнего колонтитула - добавляет Divi Rocket в кредит нижнего колонтитула со ссылкой и значком Divi Rocket. У вас есть несколько вариантов его отображения. Отобразите его на нижней панели под нижним колонтитулом (это отображается только в том случае, если вы используете нижний колонтитул по умолчанию), покажите его по центру на новой панели под нижней панелью или отключите его. По умолчанию он включен. Если вы добавите свой партнерский идентификатор, он будет включен в ссылку.

Идентификатор партнера Divi Space - если у вас есть партнерская учетная запись Divi Space, добавление идентификатора здесь добавляет его к ссылке в кредитах нижнего колонтитула.

До и после

Вот посмотрите мои оценки GTMetrix до и после моего неоптимизированного тестового сайта. Это проверяет только часть функций Divi Rocket, так что на самом деле это не полный тест. Это действительно показывает, как это улучшило мою скорость загрузки.

Мой тестовый сайт

Вот мои результаты тестов перед запуском любых улучшений или сжатий. Моя оценка PageSpeed ​​составляет 45%, YSlow - 63%, время полной загрузки - 3,5 секунды, размер страницы - 2,12 МБ, и выполняется 39 запросов. Я использую целевую страницу из пакета макетов Divi Magazine.

PageSpeed ​​показывает, что мои самые важные потребности - это включить сжатие и использовать кеширование браузера.

YSlow показывает, что наиболее важные области включают добавление заголовков с истекшим сроком действия, сжатие компонентов, использование CDN и выполнение меньшего количества HTTP-запросов.

Только с включенным кешем браузера

Показатели PageSpeed ​​и YSlow немного улучшились. Время полной загрузки уменьшено. Размер страницы и запросы остались прежними.

Использование кеширования браузера перемещено с 49 на 96.

Оценка YSlow для добавления заголовков с истекающим сроком действия повысилась с 0 до 78.

Добавление кеша сервера

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

Оценка PageSpeed ​​снижена для отложенного синтаксического анализа JavaScript.

Оценка YSlow немного улучшилась при меньшем количестве запросов HTML.

Добавление GZip

Включение сжатия GZip привело к значительным улучшениям. PageSpeed ​​снизился до 92%, а YSlow - до 84%. Время полной загрузки упало до 1,7 секунды, а общий размер страницы упал до 862 КБ. Запросы остались прежними.

Для PageSpeed ​​значение включения сжатия изменилось от 0 до 100.

Для YSlow компоненты сжатия изменились от 0 до 100.

Полученные результаты

Вот как Divi Rocket смогла улучшить мои результаты в GTMetrix:

• PageSpeed ​​от 45 до 92
• YSlow с 63 до 84
• Время полной загрузки увеличено с 3,5 до 1,7 с.
• Общий размер страницы от 2,12 МБ до 862 КБ
• Запросы с 39 по 38

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

Цена и документация

Вы можете приобрести Divi Rocket на сайте разработчика. Есть несколько вариантов покупки Divi Rocket:

• Один сайт - 49 долларов в год
• 3 сайта - 89 долларов в год
• Безлимитные сайты - 179 долларов в год

Он также включен в их годовое и пожизненное членство.

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

Конечные мысли

Divi Rocket - интересный плагин. Он прост в использовании, и мне нравится чистый дизайн меню. Это похоже на продукт Divi, а не на обычный продукт WordPress. Мне нравится, что он разработан специально для Divi и использует разделы и модули так, как не могут другие плагины кеширования. Здесь не так много настроек, но он по-прежнему предоставляет настройки, которые потребуются большинству веб-сайтов. В нем объясняется, что делает каждая функция, что делает ее идеальной как для опытных разработчиков, так и для новичков.

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

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

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

Ждем вашего ответа. Вы пробовали Divi Rocket? Дайте нам знать, что вы думаете об этом в комментариях.

Лучшее изображение через Victoruler / shutterstock.com