Как измерять Core Web Vitals

Что измеряем

• LCP — время отрисовки главного элемента экрана.
• INP — отзывчивость интерфейса на действия пользователя.
• CLS — визуальная стабильность при загрузке.

Как читать данные

Смотрите 75-й перцентиль по реальным пользователям и разбивайте его по типу устройства и странице. Средние значения скрывают проблему: медленно обычно не «везде», а на конкретном шаблоне и на мобильных.

Что даёт наибольший эффект

Первый заметный эффект часто дают четыре шага: убрать блокирующий сторонний JavaScript, указать размеры изображений и использовать подходящие форматы, зарезервировать место под динамические блоки и настроить кеширование.

Результат оптимизации нужно подтверждать замерами до и после изменений.

После правок следите за полевыми данными несколько недель: они накапливаются постепенно и не отражают результат сразу.