INP
INP (Interaction to Next Paint) — отзывчивость: от клика до следующего кадра. Заменил FID в Core Web Vitals.
Что измеряет INP на сайте
Это как раз отзывчивость в Core Web Vitals. Заменила старый FID: смотрят не первый клик, а взаимодействие в целом.
Что тормозит INP
- Interaction to Next Paint — насколько быстро сайт реагирует на клик или ввод. Если страница «тупит», метрика плохая.
- Это как раз отзывчивость в Core Web Vitals. Заменила старый FID: смотрят не первый клик, а взаимодействие в целом.
- Полное имя INP: от действия пользователя до следующего кадра на экране.
- Режут тяжёлый JavaScript на главной, лишние обработчики, огромные бандлы. Главное — не заставлять основной поток думать полсекунды на каждый клик.
- FID измерял задержку первого ввода и его убрали из Vitals. INP строже: ловит «подвисания» и после первого клика.
INP и скрипты
| Проблема | Норма | Действие | |
|---|---|---|---|
| Метрика | Плохо | Норма | Где смотреть |
| LCP | > 2.5 с | ≤ 2.5 с | PageSpeed / CrUX |
| INP | > 200 мс | ≤ 200 мс | Field data |
| CLS | > 0.1 | ≤ 0.1 | Мобильный отчёт |
ПрактикаFID измерял задержку первого ввода и его убрали из Vitals. INP строже: ловит «подвисания» и после первого клика.
INP: как применяют
Тяжёлый JS на главной, лишние слушатели, огромные бандлы — типичные причины плохого INP.
Частые вопросы
Что такое INP?
Interaction to Next Paint — насколько быстро сайт реагирует на клик или ввод. Если страница «тупит», метрика плохая.
INP метрика
Это как раз отзывчивость в Core Web Vitals. Заменила старый FID: смотрят не первый клик, а взаимодействие в целом.
Interaction to Next Paint
Полное имя INP: от действия пользователя до следующего кадра на экране.
Как улучшить INP?
Режут тяжёлый JavaScript на главной, лишние обработчики, огромные бандлы. Главное — не заставлять основной поток думать полсекунды на каждый клик.
INP вместо FID
FID измерял задержку первого ввода и его убрали из Vitals. INP строже: ловит «подвисания» и после первого клика.