SEO-Studio
Блог · Web

WordPress и Web Vitals практические шаги без полной переработки темы

Показывает практические шаги для LCP, скриптов и кэша на WordPress без полной переработки темы.

~2 мин чтения Web

Дашборд PageSpeed и GSC с метриками LCP INP CLS для WordPress-сайта

LCP и изображения на WordPress

Hero-изображение с fetchpriority preload и форматом WebP на главной WordPress
LCP-элемент обычно hero или крупный текстовый блок. Оптимизируйте одно изображение, а не все медиа сразу.

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

  • Конвертируйте hero в WebP/AVIF с адекватным качеством и задайте width и height против CLS.
  • Для одного LCP-элемента используйте fetchpriority="high" и preload в <head>, но не помечайте «важными» несколько блоков.
  • Lazy-load оставьте для изображений ниже первого экрана. Hero без плана preload не откладывайте.
  • Проверьте responsive srcset, чтобы мобильный не тянул desktop-файл на 400 КБ.
  • Теория метрик LCP, INP и CLS собрана в отдельном гайде Core Web Vitals.

Скрипты и конструкторы страниц

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

Каждый плагин с фронтенд-скриптом добавляет работу главному потоку. INP особенно страдает от длинных обработчиков scroll, parallax и синхронных трекеров в первом экране.

  • Отключите плагины, которые не нужны на публичном фронте, и проверьте impact в staging.
  • Перенесите аналитику в GTM с триггерами после согласия CMP, а не синхронно в <head>.
  • Разбейте длинные JS-задачи, ограничьте автоплей видео и тяжёлые слайдеры на мобильных.
  • Конструкторы (Elementor, WPBakery и др.) часто тянут CSS/JS на все страницы. Отключите модульные ассеты, где это поддерживается.
  • Снимите INP на реальных формах лидов, а не только на главной.

Кэш TTFB и сервер для WordPress

Схема page cache object cache и CDN перед WordPress для снижения TTFB
Высокий TTFB «съедает» LCP ещё до загрузки изображений. Page cache для анонимов даёт самый быстрый эффект.

TTFB влияет на LCP, потому что пользователь дольше ждёт первый байт HTML. Без переписывания темы обычно хватает page cache, object cache и нормального хостинга.

  • Включите page cache для анонимных посетителей и проверьте purge после деплоя.
  • Object cache снижает нагрузку на БД в динамических фрагментах меню и виджетов.
  • Проверьте opcode cache PHP, HTTP/2 или HTTP/3 и минимум редиректов на DNS/CDN.
  • Медленные cron-задачи и security-плагины иногда поднимают TTFB на отдельных URL.
  • После изменений измеряйте поле в GSC, а не только лабораторию PageSpeed.

Заключение

WordPress позволяет улучшить Web Vitals инкрементально. Сначала LCP-изображение и TTFB, затем скрипты и INP. Документируйте изменения для редакторов и тестируйте на staging. Если нужна дорожная карта без полной переработки темы, команда SEO-Studio поможет расставить приоритеты под ваш трафик.