Interaction to Next Paint (INP)
Метрика отзывчивости интерфейса, измеряющая задержку между действием пользователя и визуальным откликом. Заменила FID в 2024 году.
INP (Interaction to Next Paint) — это метрика Core Web Vitals, которая оценивает отзывчивость страницы на все взаимодействия пользователя (клики, тапы, ввод с клавиатуры) на протяжении всего визита. Низкий INP означает, что страница быстро реагирует на действия, обеспечивая плавное взаимодействие.
Что такое Interaction to Next Paint
INP измеряет задержку между моментом, когда пользователь взаимодействует со страницей (например, нажимает кнопку или вводит текст), и моментом, когда браузер отрисовывает следующий кадр, визуально подтверждающий действие. INP учитывает все взаимодействия, а не только первое, что даёт более полную картину отзывчивости.
Пороговые значения
- Хорошо (Good): ≤ 200 мс
- Требует улучшения (Needs Improvement): 200–500 мс
- Плохо (Poor): > 500 мс
Как улучшить INP
- Уменьшите JavaScript: удалите неиспользуемый код, используйте code splitting, tree shaking.
- Оптимизируйте обработчики событий: применяйте debounce и throttle к частым событиям (scroll, resize, ввод текста).
- Выносите тяжёлые вычисления в Web Workers.
- Избегайте длинных задач (long tasks): разбивайте их с помощью setTimeout или requestIdleCallback.
- Удалите или отложите сторонние скрипты (виджеты, чаты, аналитика), которые не критичны для взаимодействия.
Частые вопросы
Обсудим ваш проект?
Расскажите о целях и сайте — предложу формат работы и следующий шаг.