Как ускорить сайт на WordPress

Хостинг, тема, плагины и изображения#

В январе 2018 года Google объявил, что скорость загрузки мобильных страниц будет учитываться при ранжировании. С тех пор производительность сайта стала одной из обязательных частей технической оптимизации.

Сегодня Google оценивает не только время загрузки, но и общее удобство взаимодействия со страницей. Для этого используются показатели Core Web Vitals:

• LCP — скорость появления основного содержимого;
• INP — скорость реакции сайта на действия пользователя;
• CLS — визуальная стабильность страницы.

Хорошие показатели Core Web Vitals сами по себе не гарантируют высоких позиций, поскольку Google учитывает множество сигналов. Однако быстрый и удобный сайт помогает улучшить пользовательский опыт, сократить количество отказов и повысить конверсию. Подробнее о Core Web Vitals

SEO-консультант Ник Лерой (Nick LeRoy), занимаясь ускорением сайтов клиентов, обратил внимание на производительность собственного сайта на WordPress. Его вывод актуален и сегодня: практически любой владелец сайта может заметно сократить время загрузки страниц, если последовательно устранит основные технические проблемы.

Операция «Ускорить WordPress»#

На скорость сайта влияет сразу несколько факторов:

• качество хостинга;
• время ответа сервера;
• используемая тема WordPress;
• количество и качество плагинов;
• размер изображений;
• объём CSS- и JavaScript-файлов;
• подключение шрифтов и сторонних сервисов;
• ненужные перенаправления;
• отсутствие кеширования.

Поэтому ускорение сайта следует начинать с диагностики, а не с хаотичной установки дополнительных плагинов.

Как проверить скорость сайта#

Для первичной проверки можно использовать сервис PageSpeed Insights. Он анализирует мобильную и десктопную версии страницы и показывает возможные проблемы:

• медленный ответ сервера;
• тяжёлые изображения;
• блокирующие загрузку CSS- и JavaScript-файлы;
• неиспользуемый программный код;
• смещение элементов страницы;
• слишком позднее появление основного содержимого;
• продолжительные задачи JavaScript;
• недостаточное кеширование ресурсов.

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

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

Проблема № 1. Медленный хостинг#

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

На работу WordPress влияют:

• производительность сервера;
• версия PHP;
• объём доступной оперативной памяти;
• ограничения процессора;
• скорость базы данных;
• количество сайтов, размещённых на одном сервере;
• расположение сервера относительно основной аудитории;
• качество технической поддержки.

Решение: выбрать подходящий хостинг#

При выборе хостинга для WordPress стоит обратить внимание на следующие возможности:

• тарифы, адаптированные для WordPress;
• актуальные версии PHP и базы данных;
• серверное кеширование;
• поддержку HTTP/2 или HTTP/3;
• бесплатный SSL-сертификат;
• автоматическое резервное копирование;
• подключение CDN;
• возможность быстро увеличить ресурсы;
• защиту от вредоносного трафика;
• квалифицированную техническую поддержку.

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

Проблема № 2. Перегруженная тема WordPress#

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

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

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

Решение: облегчить или заменить тему#

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

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

Проблема № 3. Лишние плагины#

На WordPress-сайтах нередко установлены десятки плагинов. Часть из них может:

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

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

Решение: провести аудит плагинов#

Для каждого плагина необходимо определить:

1. Используется ли он на сайте.
2. Нельзя ли выполнить ту же задачу средствами темы или другого установленного плагина.
3. Как давно выпускалось последнее обновление.
4. Совместим ли плагин с текущей версией WordPress.
5. Какие файлы и запросы он добавляет.
6. Влияет ли он на скорость административной и пользовательской частей сайта.

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

Проблема № 4. Тяжёлые изображения#

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

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

Решение: оптимизировать изображения#

Перед загрузкой необходимо:

• уменьшить разрешение до фактически необходимого;
• выбрать подходящую степень сжатия;
• использовать современные форматы WebP или AVIF;
• создавать разные размеры для компьютеров и смартфонов;
• включить отложенную загрузку изображений, находящихся ниже первого экрана;
• не применять отложенную загрузку к главному изображению первого экрана;
• указывать ширину и высоту изображений, чтобы избежать смещения контента;
• удалять ненужные метаданные.

Подробнее: как уменьшить фотографию для размещения в интернете.

Проблема № 5. CSS, JavaScript и сторонние ресурсы#

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

Некоторые ресурсы блокируют отображение страницы: браузер вынужден сначала скачать и обработать код и только после этого показать содержимое пользователю.

Решение: оптимизировать ресурсы#

Для ускорения сайта можно:

• удалить неиспользуемые CSS-стили и JavaScript;
• сократить и объединить файлы там, где это действительно полезно;
• отложить выполнение некритичных скриптов;
• загружать сторонние виджеты только после взаимодействия пользователя;
• вынести критические стили первого экрана отдельно;
• сократить количество внешних запросов;
• ограничить работу плагинов только нужными страницами;
• убрать дублирующиеся библиотеки;
• контролировать работу систем аналитики и рекламных скриптов.

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

Дополнительные способы ускорить WordPress#

После устранения основных проблем можно выполнить дополнительную оптимизацию:

• использовать системные шрифты;
• загрузить необходимые веб-шрифты на собственный сервер;
• удалить неиспользуемые начертания и языковые наборы шрифтов;
• настроить font-display, чтобы текст не оставался невидимым во время загрузки;
• включить серверное и браузерное кеширование;
• настроить кеширование страниц;
• оптимизировать базу данных;
• удалить старые ревизии и временные записи;
• ограничить количество внешних запросов;
• подключить CDN, если аудитория находится в разных регионах;
• использовать Cloudflare или аналогичный сервис;
• проверить ненужные редиректы;
• отказаться от тяжёлых слайдеров и фоновых видео;
• сократить количество элементов на первом экране;
• регулярно обновлять WordPress, тему и плагины.

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

Что выбрать: ускорять действующий сайт или создавать новый#

Решение зависит от технического состояния проекта.

Действующий сайт целесообразно оптимизировать, если:

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

Создание нового сайта может оказаться выгоднее, если:#

• используется устаревшая и неподдерживаемая тема;
• функциональность построена на конфликтующих плагинах;
• невозможно обновить PHP или WordPress;
• страницы плохо работают на мобильных устройствах;
• исправление накопленных ошибок сопоставимо по стоимости с новой разработкой.

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

#

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

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

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