Проследите реальное взаимодействие
INP учитывает взаимодействия за время визита на страницу и показывает то из них, которое лучше всего отражает её самую слабую отзывчивость. Задержка может возникать из-за обработки ввода, долгих JavaScript-задач, синхронной работы с версткой или отрисовки, которую задержала другая работа. Клик, который в итоге срабатывает, всё равно может казаться, что страница не реагирует.
Как проверять
Найдите проблемные группы страниц по полевым данным, затем запишите трассировку при повторении реалистичного тапа, клика или нажатия клавиши. Разбейте взаимодействие на задержку ввода, время обработки и задержку отрисовки. Проверяйте маршрут на профиле слабого устройства: трассировка на десктопе может скрыть нагрузку на основной поток.
Как внедрять или улучшать
Уберите лишнюю синхронную работу из обработчика, разбивайте долгие задачи и не допускайте частых пересчётов верстки. Быстро показывайте следующее осмысленное состояние. Проверьте, что взаимодействие доходит до конца, работает с клавиатуры и не сдвигает страницу. Сравнивайте трассировки до и после изменений в одинаковых условиях.
Ограничения и частые ошибки
Не оптимизируйте только первый клик и не подменяйте работу взаимодействия поверхностным спиннером. Страница должна действительно подтвердить действие и довести задачу пользователя до конца.
Разбирайте находку INP, разделяя взаимодействие на задержку ввода, время обработки и задержку отрисовки. Записывайте точное действие (клик, тап или нажатие клавиши), элемент и профиль устройства. Долгая задача до обработчика указывает на конкуренцию за основной поток. Медленный обработчик может выполнять синхронные вычисления. Отложенная отрисовка часто связана со стилями или версткой после обработчика. Например, клик по фильтру, который синхронно пересобирает большой список, можно ускорить: сократить объём обновления и отложить второстепенную работу. При этом результат должен сразу показывать прогресс и оставаться доступным с клавиатуры. Повторите то же взаимодействие после изменения и проверьте и трассировку, и видимый отклик.