Core Web Vitals

Core Web Vitals обобщают опыт реальных пользователей: LCP — загрузка основного контента, CLS — визуальная стабильность, INP — отзывчивость взаимодействий. Серьёзная оптимизация различает lab и field data, использует attribution для поиска причин, ловит регрессии мониторингом и не улучшает одну метрику ценой другой.

• LCP: крупнейший видимый контент — hero image/шрифт и задержка сервера.
• CLS: неожиданные сдвиги — резервируйте место, не вставляйте поздно.
• INP: медленные реакции — меньше работы main thread и input delay.

На интервью: LCP-изображения, hydration/input delay, layout shifts и почему одного Lighthouse мало.

Типовые ошибки: быстрый локальный lab не отражает слабые устройства и сети; погоня за баллами вредит продукту.

Компромисс: удобство против контроля — выбирайте механизм под вашу связность и бюджет производительности.

Чеклист:

• Постоянный field data (RUM).
• Attribution до уровня элементов.
• Приоритет видимых улучшений.
• Мониторинг регрессий после релизов.