Скорость и кэширование 3 мин чтения

Core Web Vitals: LCP, CLS и INP

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

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

Важная деталь: это полевые данные — усреднённые замеры у реальных посетителей за 28 дней, а не лабораторный тест. Поэтому улучшения проявляются не сразу: сначала должны накопиться визиты с новой версией сайта.

LCP — Largest Contentful Paint

Время до отрисовки самого крупного элемента экрана: главной картинки, заголовка, блока текста. Отвечает на вопрос «когда стало видно, ради чего человек пришёл».

Значение Оценка
до 2,5 с хорошо
2,5–4 с требует улучшения
больше 4 с плохо

Что чинит LCP: быстрый ответ сервера (TTFB — это первая треть бюджета LCP), сжатие и правильный формат главной картинки, preload для неё, отсутствие блокирующих скриптов и стилей перед первым экраном (количество ресурсов).

CLS — Cumulative Layout Shift

Насколько сильно содержимое «прыгает» во время загрузки. Классика жанра: человек тянется нажать кнопку, сверху догружается баннер, всё съезжает — и палец попадает в рекламу.

Значение Оценка
до 0,1 хорошо
0,1–0,25 требует улучшения
больше 0,25 плохо

Что чинит CLS: атрибуты width и height (или aspect-ratio) у всех изображений и видео, заранее зарезервированное место под баннеры и виджеты, шрифты с font-display: swap и близкой резервной гарнитурой, никаких блоков, вставляемых скриптом поверх уже отрисованного контента.

INP — Interaction to Next Paint

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

Значение Оценка
до 200 мс хорошо
200–500 мс требует улучшения
больше 500 мс плохо

Что чинит INP: меньше тяжёлого JavaScript в главном потоке, разбиение длинных задач, отложенная загрузка сторонних скриптов (чаты, виджеты, счётчики), упрощение DOM (размер документа).

Как это связано с позициями

Core Web Vitals — часть сигналов удобства страницы. Они не перевешивают релевантность: страница с идеальными метриками не обгонит ту, что лучше отвечает на запрос. Но при прочих равных быстрый сайт выигрывает, а медленный вдобавок теряет людей ещё до загрузки — и это бьёт по конверсии сильнее, чем по позициям.

Где смотреть

  • Инструмент «Показатели сайта» в «Кверху»: там полевые LCP и INP отдельно для мобильных и десктопа плюс лабораторные оценки. Скорость — один из блоков готовности к продвижению.
  • PageSpeed Insights — тот же источник данных с детальным разбором.
  • Google Search Console → «Основные интернет-показатели» — динамика по всему сайту, с группировкой похожих страниц.
  • В браузере — расширение Web Vitals или вкладка Performance в F12.

С чего начинать

Смотрите мобильные значения: они почти всегда хуже десктопных, и именно их берут за основу при mobile-first индексации. Обычный порядок работ: сначала TTFB и главная картинка (LCP), потом размеры у изображений (CLS), в последнюю очередь — ревизия скриптов (INP), она самая трудоёмкая.

А что с этим на вашем сайте?

Аудит «Кверху» проверяет этот пункт вместе с остальными пятьюдесятью и показывает конкретику: какие страницы затронуты и что именно исправить. Первая полная проверка проекта — бесплатно.

Проверить сайт бесплатно