Что означает INP простыми словами
Метрика включает ожидание начала обработки, выполнение обработчиков и задержку показа следующего кадра. Итог отражает почти самое медленное взаимодействие, исключая часть выбросов на страницах с большим числом событий. Хороший ориентир — не более 200 миллисекунд у 75% посещений.
Страница может быстро загрузиться и всё равно казаться сломанной, если меню, фильтр или форма долго не отвечают. Для исправления нужно выяснить, где теряется время, а не просто удалить весь JavaScript.
Пример
После клика по фильтру браузер 600 мс пересчитывает большую таблицу и только затем показывает выбранное состояние. Команда сразу обновляет индикатор, дробит вычисление и уменьшает объём изменяемого DOM.
Как применять на практике
- Найдите медленные взаимодействия в полевых данных и повторите реальный пользовательский сценарий.
- Разделите задержку на ожидание ввода, обработчики событий и подготовку следующего кадра.
- Сократите длинные задачи, отдавайте главный поток и показывайте раннюю визуальную обратную связь.
Частые ошибки
- Измерять INP только сразу после загрузки, не проходя основные сценарии.
- Считать прокрутку обычным взаимодействием, которое входит в расчёт INP.
- Оптимизировать сеть, когда задержку создаёт длительная работа главного потока.