INP: почему интерфейс тормозит при клике
Interaction to Next Paint — задержка между действием пользователя (клик, тап, ввод) и следующим кадром, в котором интерфейс ответил. С марта 2024 года INP заменил FID в Core Web Vitals.
Порог «хорошо» — до 200 мс, «плохо» — больше 500 мс. Метрика берёт почти самое медленное взаимодействие за визит, поэтому одна тяжёлая кнопка «В корзину» портит оценку всей страницы.
INP складывается из задержки ввода (главный поток занят чужой работой), времени обработчика и задержки отрисовки. Типичные причины: тяжёлые обработчики, лишние ре-рендеры фреймворка, layout thrashing, сторонние скрипты.
Статьи по теме
- Как найти долгое взаимодействие в Performance-панелискоро
- Long Animation Frames API: ловим причину INP в продескоро
- scheduler.yield и разбиение длинных задачскоро
Новые статьи сначала выходят в Telegram-канале.