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 допоможе розставити пріоритети під ваш трафік.