WordPressСкорость сайтаPageSpeedCore Web Vitals

Сайт тормозит? Как ускорить сайт на WordPress без переделки

Команда Vexora

Сайт на WordPress тормозит, если на телефоне главный блок первого экрана появляется дольше 2,5 секунды: такую границу задаёт Google. Больше 4 секунд PageSpeed уже отмечает красным.

Телефон с недогруженной страницей сайта на WordPress и стрелка спидометра в красной зоне

Пока сайт медленно открывается, посетитель из поиска или рекламы уходит: закрывает вкладку и выбирает соседний сайт из выдачи. За рекламный клик вы при этом уже заплатили. Google тоже учитывает скорость, и при прочих равных быстрый сайт получает преимущество.

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

Как проверить скорость сайта за минуту

Откройте PageSpeed Insights, вставьте адрес страницы и запустите проверку. Через минуту появится отчёт, по умолчанию для телефона: его и смотрите.

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

  • Производительность. Общая оценка: 90 и выше — зелёная зона, ниже 50 — красная.
  • LCP (Largest Contentful Paint): когда появляется главный блок первого экрана. Хорошо, если до 2,5 с.
  • TBT (Total Blocking Time): сколько скрипты не дают странице отвечать на нажатия. Хорошо, если до 200 мс.
  • CLS (Cumulative Layout Shift): насколько прыгают блоки при загрузке. Хорошо, если до 0,1.

Под метриками список советов. Их названия мы приводим ниже, в разборе причин: по ним видно, какая причина ваша.

То же самое показывает наш бесплатный экспресс-аудит. Он замеряет скорость через PageSpeed дважды и берёт лучший результат, подписывает метрики по-русски и выводит три главных совета Lighthouse. Заодно проверяет заголовки, индексацию и разметку.

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

1. Плагины грузятся на всех страницах, а нужны на одной

Файлы плагинов формы, слайдера и чата загружаются на все страницы сайта

Что это. Многие плагины подключают свои скрипты и стили на каждой странице. Форма нужна только в «Контактах», слайдер на главной, форум в своём разделе, кнопки соцсетей в статьях, а их файлы скачиваются везде. Телефон тратит время на каждый такой файл, даже там, где он не нужен.

Как понять, что это у вас. TBT выше 200 мс, а в советах PageSpeed есть «Удалите неиспользуемый код JavaScript» и «Удалите неиспользуемый код CSS». Раскройте их: в адресах файлов после слова plugins стоит название плагина. Если на главной грузятся файлы форума или формы, которой там нет, причина найдена.

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

2. Нет кэша страниц

Сервер собирает страницу заново для каждого посетителя, а кэш сразу отдаёт готовую копию

Что это. На каждое открытие WordPress собирает страницу заново: выполняет код темы и плагинов, обращается к базе данных. Кэш хранит готовую страницу и сразу отдаёт её гостям. Бывает, что кэш включён, но не работает: плагин заводит PHP-сессию каждому посетителю или помечает страницы «не кэшировать» (no-cache).

Как понять, что это у вас. В PageSpeed помечен совет «Задержка при запросе документа»: сервер долго отвечает. Есть ли кэш, покажет раздел «Инструменты» → «Здоровье сайта» в админке. Или откройте сайт в окне инкогнито и обновите страницу: если и во второй раз долгий белый экран, кэша нет.

Что сделать. Включите кэш в панели хостинга или поставьте один плагин кэширования: два сразу конфликтуют. Если кэш есть, а ответ долгий, ищите плагин с сессиями: на копии сайта отключайте плагины по одному. Вошедшим пользователям кэш не помогает.

3. Тяжёлые картинки и видео, которое грузится сразу

Фото весом в несколько мегабайт рядом с тем же фото, сжатым в WebP

Что это. Фото с телефона весит 2–5 МБ, а для экрана телефона хватит 100–200 КБ в WebP. Фото в PNG весит больше, чем в WebP. Картинки без заданных размеров сдвигают текст при загрузке. Видео YouTube сразу тянет плеер и сотни килобайт скриптов, даже если его не включат.

Как понять, что это у вас. В PageSpeed есть совет «Улучшите загрузку изображений» с ожидаемой экономией. LCP выше 2,5 с, и «Разбивка LCP» указывает на картинку. CLS выше 0,1: «Причины смещения макета» покажут, что прыгает. Видео выдаёт строка YouTube в разделе «Сторонний код».

Что сделать. Поставьте плагин оптимизации изображений: он сожмёт уже загруженные картинки и сделает копии в WebP. Видео замените превью, которое включает плеер по нажатию: так умеют плагины отложенной загрузки. Картинки, которые прыгают в теме или конструкторе, поправит разработчик.

4. Конструкторы страниц и темы-комбайны

Страница из конструктора: простой блок завёрнут во много слоёв лишней разметки

Что это. Конструкторы вроде Elementor, WPBakery или Divi позволяют собрать страницу без программиста. Цена удобства — скорость: каждый блок обёрнут в слои лишней разметки, а скрипты и стили конструктора и темы грузятся на каждой странице. Темы-комбайны «для любого бизнеса» добавляют слайдеры, анимации, иконки и шрифты, даже если вам нужна малая часть.

Как понять, что это у вас. В советах «Удалите неиспользуемый код CSS» и «Запросы, блокирующие отрисовку страницы» больше всего файлов конструктора или темы: в адресе видно его название или слово themes. Ещё признак — «Оптимизация размера DOM-дерева»: слишком много вложенных блоков.

Что сделать. У популярных конструкторов в настройках есть раздел производительности: включите загрузку только нужных стилей и облегчённую разметку. В панели темы отключите лишние модули, удалите ненужные плагины из её «комплекта». Меняйте по одной настройке и проверяйте страницы.

5. Реклама, виджеты и чаты в первом экране

Что это. Онлайн-чат, кнопка обратного звонка, всплывающее окно, лента Instagram, карта, рекламный блок. Всё это грузится с чужих серверов со своими скриптами и, если стартует сразу, занимает телефон вместо первого экрана. А баннер, который появляется над текстом, ещё и сдвигает его.

Как понять, что это у вас. «Сторонний код» в PageSpeed покажет внешние сервисы и время, которое они занимают. Если плагинов немного, а TBT выше 200 мс, виновник часто здесь. На телефоне видно и без отчёта: кнопка чата появляется раньше текста.

Что сделать. Уберите виджеты, через которые не приходят заявки. Чат и другие внешние скрипты отложите до первого касания или прокрутки: так умеют плагины отложенной загрузки скриптов. Живую карту замените картинкой со ссылкой на маршрут. Счётчики аналитики не откладывайте, но и не ставьте два для одной задачи.

6. Слабый хостинг и старая версия PHP

Что это. На дешёвом тарифе сайт делит сервер с множеством чужих: когда соседи его нагружают, ваш сайт ждёт. Старые версии PHP, языка, на котором работает WordPress, медленнее новых и не получают исправлений безопасности. Задержку добавляет и сервер, далёкий от ваших посетителей.

Как понять, что это у вас. Кэш включён, а «Задержка при запросе документа» в PageSpeed всё равно помечена. Админка тормозит даже на простых страницах: кэш её не ускоряет. Скорость скачет в течение дня. Если версия PHP устарела, «Здоровье сайта» так и напишет.

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

Шесть причин в одной таблице

ПричинаКак понятьСрокЭффект
Плагинымного JS и CSSдень-двасильно
Нет кэшабелый экранчас-двасильно
Фото и видеофото по 2–5 МБчас-двазаметно
Кон­струк­торего код вездедень-двазависит
Виджетычужой кодчасзаметно
Хостингбелый экран даже при кэшеденьзависит

Срок ориентировочный: для небольшого сайта, если есть доступ к админке и хостингу. «Зависит»: результат определяется тем, насколько эта причина главная именно на вашем сайте.

Что можно сделать за день, а что требует работы

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

За день, если есть доступ к админке, обычно успевают:

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

Несколько дней и аккуратной проверки требуют:

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

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

Когда ускорение не поможет и нужна переделка

Иногда тормозит сама основа сайта, и настройка плагинов даёт мало. Честнее сказать это сразу. Переделка выгоднее, если:

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

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

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

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

Начните с замера: откройте экспресс-аудит, введите адрес, и через минуту увидите оценку скорости, LCP, TBT, CLS и главные советы Lighthouse. Это бесплатно и без регистрации. Сверьте отчёт с шестью причинами выше, и станет понятно, что исправлять первым.

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

К

Автор

Команда Vexora

Веб-студия в Ташкенте