Core Web Vitals
Вопрос
Какие есть метрики производительности и что на них влияет?
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
LCP - время отрисовки самого большого элемента первого экрана
INP - задержка отклика на взаимодействие, заменил FID
CLS - накопленный сдвиг макета
LCP лечится приоритетной загрузкой картинки и шрифтов, ранним ответом сервера
INP лечится разгрузкой главного потока и разбиением длинных задач
CLS лечится заданными размерами картинок и резервом места под баннеры
Что могут спросить следом
- Чем лабораторные замеры отличаются от полевых
- Почему Lighthouse показывает не то же, что реальные пользователи
- Что делать, если LCP - картинка из CDN
Разбор
Три метрики Google. LCP - когда отрисовался самый большой элемент первого
экрана (обычно герой-картинка или заголовок); лечится быстрым TTFB, preload шрифта,
fetchpriority=high на картинке, отказом от рендера контента только на клиенте.
INP - сколько миллисекунд проходит от действия пользователя до отклика; лечится
разгрузкой главного потока: разбиение длинных задач, меньше JS, useTransition.
CLS - суммарный сдвиг макета; лечится явными width/height у картинок, aspect-ratio,
резервом места под рекламу и font-display: optional вместо прыжка шрифта.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «Производительность и Web Vitals»
- CLS
- INP
- LCP
- Длинная задача
- Главная причина CLS у картинок
- Состав Core Web Vitals в 2026
- async и defer у скриптов
- Чем INP лучше FID