Как ускорить WordPress сайт с помощью Clearfy

Почему необходимо ускорить WordPress?

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

Сегодня вы узнаете о действительно простом в использовании плагине, который поможет ускорить ваш сайт и решит целый ряд вопросов по SEO. Называется он Clearfy – плагин оптимизации для WordPress. Им пользуются уже более 40 тысяч человек по всему миру. Наши аналитики ежедневно изучают потребности аудитории, а разработчики, основываясь на отчетах, готовят очередное обновление.

 

Почему скрипты лишние?

Бесплатный плагин Clearfy оптимизирует ваш сайт, решая одну из самых главных проблем, влияющих на скорость: избыточная загрузка файлов CSS и JavaScript (JS).

Рассмотрим эту проблему на примере плагина для создания форм обратной связи Contact Form 7. Как правило, форма обратной связи используется на одной странице сайта. Однако плагин устанавливает свои скрипты и стили на всех страницах, где они не используются зато нагружают сайт и замедляют загрузку страниц сайт, подобная проблема характерна для многих плагинов, к сожалению разработчики не считают что это вообще проблема.

Наличие «лишних» скриптов легко выявить, если открыть консоль разработчика находясь на странице вашего сайта, с помощью сочетания клавиш Сtrl+U и найти Contact Form 7 в исходном коде. Мы увидим, что Contact Form 7 загружает на главной странице файл style.css:

style.css

К тому же, загружается еще и скрипт Contact Form 7  includes/script/js

скрипт Contact Form 7

При этом самой формы на главной странице нет.

Давайте разберемся, почему это плохо. Для этого зайдем в файловый менеджер и найдем там Contact Form 7:

файловый менеджер contact form 7

Зайдем в папку Includes, далее в css, где увидим файл style.css весом 1.6 килобайт:

Contact form 7 style file size 1,6kb

Файл script в папке js весит 14, 2 килобайта.

Contact form 7 script size 14,2 kb

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

Поэтому оптимизация Contact Form 7 крайне необходима, особенно если речь идет о многостраничных сайтах, использующих формы только в одном разделе. Оптимизация для одностраничника (лендинга) не требуется.

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

ускорить WordPress

1,4 секунд загрузки, размер страницы 557 Кб и 44 запроса.

 

Настройка менеджера скриптов и стилей Clearfy в WordPress

Установите и активируйте бесплатный плагин Clearfy. Переходим в его меню:

Clearfy меню

Для работы нам понадобится менеджер скриптов.

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

Менеджер скриптов WordPress

Отключите неиспользуемые скрипты, стили и шрифты. В админбаре есть кнопка под названием “Менеджер скриптов”, если на нее нажать вы увидите список загружаемых скриптов, стилей и шрифтов на текущей странице вашего сайта.

менеджер скриптов в админбаре

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

включить/отключить использование CSS и JS файлов

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

Многофункциональный Clearfy

Преимущества использования плагина Clearfy:

  • Многофункциональное решение, все в одном.
  • Мы собрали только полезные и востребованные функции для вебмастеров, поэтому вам не нужно задумываться, что нужно для оптимизации вашего сайта, все функции в плагине Clearfy будут вам полезны в различных случаях
  • Вы можете отключить неиспользуемые функции плагина. Этот плагин, как конструктор, вы можете выбрать для себя только те инструменты, которые вам действительно нужны. А те функции, которые вы не используете не создают проблем с производительностью и вовсе на загружаются на ваш сайт.
  • Один интерфейс для всех функций и модулей.
  • Кэширование внутренних настроек, плагин не создает большого количества запросов к базе данных
  • Оптимизирован и протестирован профессиональной командой разработчиков
  • Хорошо защищен от внешних угроз
  • Легко перенести ваши настройки на другие сайты, что сократит ваше время на обслуживание сети сайтов
  • Регулярно обновляется
  • Бесплатные консультации и поддержка в течении 7 дней

Возможные трудности при работе с Clearfy:

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

Автор: Сергей Рошка