Что такое INP (Interaction to Next Paint)

INP (Interaction to Next Paint) — метрика, которая показывает, сколько времени проходит между действием посетителя (клик, касание, нажатие клавиши) и моментом, когда страница визуально на него отреагировала. Входит в Core Web Vitals; в 2024 году Google заменил ею прежнюю метрику FID.

Чем INP отличается от FID

FID измерял задержку только первого действия на странице. INP учитывает все взаимодействия за время визита и берёт одно из самых медленных. Поэтому он честнее: страница может быстро отреагировать на первый клик, но подвисать при открытии меню или фильтров.

Какие значения считаются нормальными

• до 200 миллисекунд — хорошо;
• от 200 до 500 мс — требует улучшения;
• больше 500 мс — плохо.

Что тормозит отклик

• тяжёлые скрипты, которые надолго занимают браузер;
• сторонние виджеты: онлайн-чаты, счётчики, всплывающие окна;
• сложные фильтры каталога, которые пересчитывают всю страницу при каждом клике;
• огромное количество элементов на странице.

Как улучшить

Уберите неиспользуемые скрипты, минифицируйте и разделите оставшиеся, загружайте виджеты после основного контента, разбивайте долгие вычисления на части. Проверять удобнее на недорогом телефоне — на мощном компьютере проблему можно не заметить.

Пример

В интернет-магазине стройматериалов фильтр по цене откликался почти через секунду: при каждом изменении скрипт перерисовывал весь каталог. Перерисовку стали делать только для списка товаров, и фильтр начал реагировать мгновенно.

Частые вопросы

Почему INP плохой, если сайт открывается быстро?

Скорость загрузки и скорость отклика — разные вещи. Страница может быстро показаться (LCP в норме), но тормозить при нажатиях из-за тяжёлых скриптов.

Можно ли измерить INP в лабораторном тесте?

Только приблизительно: INP зависит от реальных действий людей. Точные данные даёт отчёт о реальных пользователях в PageSpeed Insights, а в лабораторном тесте ориентируйтесь на показатель общего времени блокировки.