Interaction to Next Paint (INP)

Метрика отзывчивости интерфейса. Измеряет задержку между действием пользователя (клик, тап) и визуальным откликом.

Отзывчивость интерфейса

INP заменил FID (First Input Delay) в 2024 году. Измеряет не только первый клик, но все взаимодействия на странице.

Пороговые значения:

Оценка

Время

Статус

Хорошо

< 200 мс

✓ Good

Требует улучшения

200 - 500 мс

⚠ Needs Improvement

Плохо

> 500 мс

✗ Poor

Что измеряется:

• Клики — кнопки, ссылки, элементы с onclick
• Тапы — на мобильных устройствах
• Ввод текста — в input, textarea

Как улучшить INP:

1. Уменьшение JavaScript — code splitting, tree shaking
2. Оптимизация event handlers — debounce, throttle
3. Web Workers — тяжёлые вычисления в фоне
4. Избегайте long tasks — разбивайте задачи на части
5. Используйте requestIdleCallback — для неприоритетных задач

Частые проблемы:

• Тяжёлые JS-библиотеки (jQuery, Lodash без tree shaking)
• Синхронные операции в event handlers
• Рендеринг больших списков без виртуализации
• Множество сторонних скриптов (аналитика, чаты)