Core Web Vitals: как улучшить LCP, INP и CLS на сайте

Коротко: Core Web Vitals — три метрики пользовательского опыта: LCP (скорость основного контента), INP (отклик на действия), CLS (стабильность макета). Хорошие значения: LCP до 2,5 с, INP до 200 мс, CLS до 0,1 для 75% посещений.

Что такое Core Web Vitals?

Это набор метрик Google, измеряющих реальный опыт посетителей на странице. Они входят в сигналы page experience. Скорость сама не выведет слабый контент в топ, но медленный сайт теряет и позиции, и заявки.

Какие значения считаются хорошими?

INP заменил метрику FID в 2024 году. Оценка идёт по 75-му перцентилю реальных данных (CrUX), а не только по лабораторному тесту.

Как улучшить LCP?

• Сожмите главное изображение, отдавайте WebP/AVIF нужного размера.
• Добавьте fetchpriority="high" для hero-изображения и не включайте для него lazy-load.
• Сократите время ответа сервера: кеш страниц, актуальная версия PHP, CDN.
• Уберите блокирующие рендеринг CSS и JS; критический CSS встройте.

Как улучшить INP?

• Разбейте длинные JavaScript-задачи, отложите сторонние скрипты (чаты, виджеты, пиксели).
• Уберите лишние плагины и библиотеки.
• Не вешайте тяжёлые обработчики на каждый клик или прокрутку.

Как улучшить CLS?

• Задавайте width и height для изображений и видео.
• Резервируйте место под баннеры, cookie-панели и рекламу.
• Используйте font-display: swap и предзагрузку шрифтов.

Как проверить свои показатели?

PageSpeed Insights показывает и полевые, и лабораторные данные. Отчёт Core Web Vitals в Search Console группирует проблемные URL по типам страниц, поэтому исправляйте шаблон, а не отдельную страницу. После правок данные обновляются примерно за 28 дней.

Что специфично для MODX, WordPress и Laravel?

• MODX: кеширование чанков и сниппетов, минификация и объединение ресурсов, оптимизация изображений на стороне сервера.
• WordPress: убрать лишние плагины, кеш-плагин, ленивая загрузка, лёгкая тема.
• Laravel: кеш ответов, очереди, современные форматы изображений, Vite для сборки.

FAQ

Влияет ли скорость сайта на позиции?

Да, как один из многих сигналов. Ещё сильнее она влияет на конверсию: медленная страница теряет посетителей.

Какой балл PageSpeed считать достаточным?

Ориентируйтесь не на балл, а на пройденные пороги LCP, INP и CLS в реальных данных.

Что исправлять первым?

То, что хуже всего по метрикам на самых трафиковых шаблонах: главная, категории, карточка товара или услуги.

Сайт медленный, и вы не знаете почему? Получите бесплатный аудит Kyivan — разработчик найдёт узкие места и назовёт конкретные правки.