Лучшие плагины для повышения производительности WordPress для разработчиков

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

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

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

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

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

Вместо того, чтобы думать о пустых метриках, таких как 100/100 в Google PageSpeed ​​Insights, лучше подумать и понять, как посетитель воспринимает скорость вашего сайта. В то время как первое - это всего лишь число, второе - важный показатель для взаимодействия с пользователем.

Илья Григорик, инженер по веб-производительности в Google, в статье High-Performance Browser Networking, описывает показатели для восприятия скорости людьми:

• 100 миллисекунд, поскольку время отклика кажется пользователю мгновенным;
• 100-300 миллисекунд представляют собой небольшую, но ощутимую задержку;
• 300 миллисекунд - 1 секунда воспринимается как «машина работает»;
• 1 секунда представляет собой значительную задержку для пользователя. Следовательно, одной секунды ожидания достаточно, чтобы прервать поток мыслей, и пользователь, вероятно, начнет менять образ мышления.

Если пользовательский опыт (UX) на вашем веб-сайте WordPress отрицательный, вы теряете клиентов и, в конечном итоге, большие деньги.

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

Причин медленной работы веб-сайта множество, и иногда они носят технический характер. Что касается наиболее важных технических аспектов, причинами замедления работы веб-сайта могут быть чрезмерное использование внешних ресурсов, интенсивное использование JavaScript и CSS, блокирующих отображение, поскольку они не обрабатываются, или тяжелые изображения. В среднем они составляют более 60% веса веб-страницы.

Лучшие плагины для повышения производительности WordPress

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

1. Монитор запросов

Query Monitor - это бесплатный плагин для повышения производительности WordPress для разработчиков, имеющий более 60000 активных установок и средний рейтинг 4,9 / 5, целью которого является обеспечение поддержки на этапе отладки. Это чрезвычайно полезный плагин, который обнаруживает почти все типы ошибок, которые могут возникнуть во время разработки WordPress.

Query Monitor добавляет меню в панель администратора WordPress и выделяет всю информацию о запросах, которая проходит через WordPress. В контексте отладки вы можете найти много полезной информации, такой как детали HTTP-запросов, запросов к базе данных, Ajax, перенаправления и ошибок PHP.

• Запросы, выполняемые в базе данных: плагин показывает каждый запрос, выполненный на текущей странице, выделяя медленные запросы, повторяющиеся запросы и запросы с ошибками. Более того, он позволяет фильтровать запросы по типу (SELECT, UPDATE, DELETE), по компонентам (разделенным на ядра, плагины и темы), а также по функциям.
• Хуки, используемые в скриптах: плагин показывает все хуки, выполняемые на текущей странице, что позволяет фильтровать их так же, как запросы.
• Активная тема: плагин предоставляет информацию об активной теме, такую ​​как имя текущего файла шаблона.
• Ошибки PHP: существует гораздо более подробная информация, чем та, что предоставляется WordPress, путем присвоения значения true константе WP_DEBUG в файле wp-config.php.
• HTTP-запросы: по HTTP-запросам предоставляется настоящая сокровищница информации, особенно в отношении запросов var, запросов правил и тегов структуры постоянных ссылок.
• Скрипты и стили: плагин предоставляет информацию о скриптах и ​​стилях на странице с их зависимостями и версиями.

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

2. Полный пакет оптимизации аналитики (CAOS)

Если вы использовали код отслеживания Google Analytics и протестировали свой веб-сайт с помощью PageSpeed ​​Insights, чтобы проверить, что Google думает о загрузке вашего веб-сайта, то вы могли бы заметить, что он рекомендует вам включить сжатие и указать кеш для вашего кода.

К счастью, есть решение, и вы можете заработать эти дополнительные цифры в тесте Google PageSpeed ​​Insights. Вы можете сделать это с помощью плагина Complete Analytics Optimization Suite (CAOS).

Этот плагин производительности WordPress, который используется для вставки кода Google Analytics в WordPress, хранит код JavaScript Google Analytics локально и минимизирует его. Это означает, что вы превосходите требования PageSpeed ​​Insights.

Вдобавок (и здесь есть доля гения) этот плагин использует WordPress wp-cron для регулярной проверки, обновил ли Google код. Следовательно, у вас всегда есть последняя версия Google Analytics. Теперь у вас нет причин, по которым вы не хотите устанавливать этот плагин. Держу пари!

3. перфматтеры

С помощью perfmatters вы можете немного улучшить производительность WordPress, уменьшив HTTP-запросы и размер веб-страницы. Этот плагин позволяет вам включать / отключать скрипты для каждой страницы / публикации. Например, популярная Контактная форма 7 подходит для загрузки на каждой странице сайта. С Perfmatters загрузка выполняется только на вашей странице контактов.

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

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

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

Таким образом, perfmatters - один из тех плагинов для повышения производительности WordPress, которые не только улучшают скорость веб-сайта, но и его стоит установить, даже если у вас уже есть конкретный плагин кеширования. Подводя итог, основные возможности Perfmatters перечислены ниже.

• Работает с существующим плагином кеширования
• Отключает параметры WordPress по умолчанию
• Отключает скрипты на каждой странице
• Поддерживает предварительную загрузку DNS

4. P3 (Профилировщик производительности плагина)

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

Обратите внимание, что P3 не влияет на производительность веб-сайта, поскольку он сканирует только посвященную ему страницу в WordPress, а не в режиме реального времени. Он не загружается при обычном просмотре страниц WordPress.

Вы можете найти его панель управления в Инструменты → P3 Plugin Profiler. Вы можете начать сканирование, нажав «Начать сканирование», а затем «Автосканирование» в появившемся окне.

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

Очевидно, на эти данные нельзя полагаться. В этом контексте Том Эвер провел подробный анализ ManageWP и разместил запрос на разъяснения на форуме поддержки. Он показал, что P3, будучи обычным плагином, может иметь некоторые неточности из-за работы других плагинов или нагрузки на сервер (особенно, если он используется совместно).

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

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

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

Отказ от ответственности: P3 не тестировался с последними тремя основными выпусками WordPress, но может быть полезен для разработчиков.

5. LazyLoad от WP Rocket

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

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

Вот список лучших плагинов для отложенной загрузки WordPress

LazyLoad от WP Rocket не требует библиотеки JavaScript, такой как jQuery, а вес скрипта составляет менее 10 КБ. Этот плагин очень прост. Здесь нет обширных вариантов конфигурации, так как плагин обо всем позаботится.

Этот плагин производительности WordPress был создан командой WP Rocket и точно интегрирован в плагин WP Rocket. Не беспокойтесь о SEO, потому что плагин вставляет изображение с атрибутом src между тегами <noscript>.

6. Условная загрузка Disqus

Disqus Conditional Load (DCL) - это бесплатный плагин, который предлагает расширенные функции для системы комментариев Disqus. Производительность вашего веб-сайта WordPress может ухудшиться, поскольку все больше людей будут писать комментарии на вашем веб-сайте с помощью Disqus. Этот плагин предоставляет мощные возможности для изменения Disqus в таких областях, как отложенная загрузка, виджеты комментариев, отключение скриптов и т. Д.

DCL также предоставляет шорткоды, поддерживает настраиваемые сообщения, регулирует ширину контейнера и включает / отключает скрипт подсчета. Этот плагин может помочь вам улучшить скорость загрузки вашего веб-сайта WordPress, если вы чувствуете, что веб-страницы загружаются медленно из-за системы комментариев Disqus.

Подведение итогов!

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