INP — Interaction to Next Paint
INP — показатель задержки между действием пользователя и следующим визуальным обновлением страницы. Он оценивает отзывчивость на клики, касания и ввод с клавиатуры в течение посещения.
Также встречается: Interaction to Next Paint, Отзывчивость страницы.
Для чего используется
INP помогает обнаружить интерфейс, который визуально загрузился, но плохо реагирует на человека. Для каталога это особенно важно: задержки повторяются при каждом выборе фильтра или добавлении товара. SEO-специалист использует данные для приоритизации технических работ, а разработчик устраняет длинные задачи и лишние пересчёты интерфейса.
Как SEO-специалист использует это в проекте
В проекте проверяют реальные действия: открыть меню, применить фильтр, выбрать вариант товара, отправить форму. Для медленных сценариев записывают профиль производительности и находят блокирующую работу.
- Найдите страницы с плохой полевой отзывчивостью и составьте список часто используемых действий. Проверьте их на менее мощном мобильном устройстве.
- Запишите взаимодействие в инструментах браузера. Определите, что задерживает следующий кадр: обработчик события, вычисления или обновление большого участка страницы.
- Разбейте тяжёлую работу, уменьшите объём синхронных вычислений и покажите своевременный отклик. Повторите все действия после исправления.
Практический пример
При выборе бренда фильтр пересчитывает весь каталог на главном потоке браузера. Галочка появляется с задержкой, посетитель нажимает повторно. После оптимизации интерфейс сразу отражает выбор, а обновление списка выполняется без длительной блокировки.
Иллюстрация подхода, не данные конкретного проекта.Ошибки и риски
Хороший ориентир INP — до 200 миллисекунд включительно по 75-му перцентилю. Показатель не равен полному времени выполнения сетевого запроса после нажатия.
Тест только первоначальной загрузки пропускает проблемы INP. Индикатор ожидания тоже не помогает, если браузер не может его отрисовать. Отдельно проверяют сторонние виджеты, которые начинают работать уже после открытия страницы.
Как проверить результат
Повторите проблемные действия, сравните задержки и затем полевую статистику. Проверьте, что быстрый визуальный отклик соответствует реальному состоянию: корзина и фильтры должны сохранять выбор пользователя.
Связанные термины
Посмотреть на реальных проектах
В кейсах ISKAR показываем выполненные работы, заявки и звонки, поисковый трафик и позиции.
Кейсы продвижения →