Interaction to Next Paint (INP)

Interaction to Next Paint: за сколько страница заметно отвечает на тап или клик. Хорошо — меньше 200 мс.

• Помощь

Interaction to Next Paint измеряет отзывчивость: время от тапа, клика или нажатия клавиши до кадра, в котором браузер показал реакцию. В отчёт идёт, по сути, самое медленное взаимодействие визита, так что одного тормозящего меню или фильтра достаточно, чтобы испортить результат. В марте 2024 года INP заменил First Input Delay в составе Core Web Vitals.

Пороги и откуда берётся цифра

До 200 мс — хорошо, до 500 мс — требует улучшения, больше — плохо; по этим границам SiteScan раскрашивает строку. INP можно измерить только на настоящих взаимодействиях, поэтому он есть лишь в строках реальных пользователей из Chrome UX Report — 75-й процентиль за последние 28 дней. У сайта без достаточного трафика в Chrome цифры INP нет вовсе; ближайший лабораторный ориентир — Total Blocking Time в строках Lighthouse, который SiteScan считает хорошим до 200 мс.

Как улучшить

Почти всегда причина в том, что основной поток занят JavaScript.

• Дробите длинные задачи и отдавайте управление браузеру между частями, например через await scheduler.yield() или setTimeout.
• Сначала покажите визуальный отклик, тяжёлую работу делайте потом.
• Грузите меньше JavaScript: уберите неиспользуемые библиотеки, а сторонние скрипты подключайте позже.
• Избегайте огромного DOM, из-за которого дорога каждая перерисовка.