Короткое определение
LCP показывает скорость появления основного контента, INP - скорость реакции интерфейса, CLS - стабильность макета при загрузке.
Простое объяснение
Если пользователь долго ждет первый экран, страдает LCP. Если кнопка или фильтр реагируют с задержкой, страдает INP. Если блоки прыгают и сдвигаются, страдает CLS.
Какие нормы считаются хорошими
LCPДо 2,5 секунды.
INPДо 200 миллисекунд.
CLSДо 0,1.
ВажноОценивать по 75-му процентилю реальных пользователей.
Пример
Страница услуги может показывать плохой LCP из-за тяжелого hero-изображения, плохой INP из-за тяжелых скриптов чата и аналитики, а плохой CLS - из-за отсутствия размеров у картинок и сдвига формы при загрузке.
Частые ошибки
- бороться только за общий score, а не за конкретную метрику;
- не учитывать мобильную аудиторию;
- оптимизировать второстепенные страницы раньше money pages;
- не проверять реальные пользовательские данные;
- забывать, что плохие метрики часто сидят на уровне шаблона.
Чек-лист
- Понять, какая из трех метрик проседает сильнее всего.
- Проверить ключевые шаблоны, а не один URL.
- Связать проблему с конкретной причиной: изображения, скрипты, шрифты, сервер.
- После исправлений проверить реальные данные, а не только лабу.
- Смотреть на связь скорости с конверсией и поведением пользователя.
FAQ
Какие значения LCP, INP и CLS считаются хорошими?
LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1.
Какая метрика влияет на кнопки и формы?
Чаще всего INP.
Что почитать дальше?
Смотрите подробный разбор Core Web Vitals.