Что такое INP (Interaction to Next Paint) и как он замедляет ваш сайт в 2026 году

Вы слышали, что Google изменил одну из метрик Core Web Vitals и теперь важен некий INP. Возможно, вы увидели красный балл в PageSpeed Insights и испугались. Это нормально — INP сложнее понять, чем старую метрику, которую он заменил, но как только разберётесь, что он измеряет, всё встанет на свои места.

Коротко: INP измеряет не скорость загрузки страницы, а то, насколько быстро сайт реагирует, когда вы кликаете, нажимаете или вводите текст в форму. Это метрика «отзывчивости». Страница может выглядеть полностью загруженной и при этом словно зависать на долю секунды, когда вы нажимаете кнопку — именно это ловит INP. В этой статье я покажу, что он означает, как правильно его измерять и что конкретно делать, чтобы его улучшить.

Что такое INP и что он заменил

INP расшифровывается как Interaction to Next Paint — «от взаимодействия до следующей отрисовки». С марта 2024 года INP официально заменил FID (First Input Delay) как одну из трёх метрик Core Web Vitals, наряду с LCP (скорость загрузки) и CLS (визуальная стабильность).

Отличие от FID важно. FID измерял только задержку ПЕРВОГО взаимодействия и лишь часть ожидания — но не то, сколько реально длилась реакция. Это была снисходительная метрика; многие медленные сайты легко её проходили.

INP гораздо честнее: он смотрит на ВСЕ взаимодействия на странице (клики, нажатия, ввод) за всё время визита и по сути сообщает о самом медленном. Он измеряет весь путь: от момента нажатия до того, как экран действительно изменится в ответ. Именно поэтому его труднее пройти.

Как измеряется INP: пороги и инструменты

INP измеряется в миллисекундах, и Google использует такие пороги (по 75-му перцентилю реальных пользователей):

• Меньше 200 мс — хорошо (зелёный)
• От 200 до 500 мс — требует улучшения (оранжевый)
• Больше 500 мс — плохо (красный)

Где проверить:

• PageSpeed Insights — самый простой способ; даёт и реальные полевые данные (CrUX), если у сайта достаточно трафика.
• Chrome DevTools, вкладка Performance — записываете взаимодействие и видите, что именно тормозит.
• Расширение Web Vitals для Chrome — показывает INP в реальном времени при просмотре.

Важно: INP — это «полевая» метрика, то есть она зависит от реальных пользователей, их телефонов и соединения. Лабораторный тест даёт оценку, но реальность видна в данных CrUX, которые накапливаются со временем.

Почему ваш сайт медленный по INP

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

Частые причины, особенно на сайтах малого бизнеса:

• Слишком много плагинов и сторонних скриптов (чаты, пиксели отслеживания, баннеры cookie, виджеты).
• Тяжёлые темы WordPress, загружающие тонны ненужного JavaScript.
• «Long tasks» — задачи, занимающие поток дольше 50 мс.
• Код, многократно пересчитывающий вёрстку при каждом взаимодействии.

Парадокс в том, что сайт может иметь хороший LCP (быстро грузится) и при этом плохой INP, потому что вся тяжесть ощущается, когда вы начинаете взаимодействовать.

Как реально улучшить INP

Волшебной кнопки нет, но шаги ясны:

• Уберите скрипты, которыми не пользуетесь. Каждый лишний виджет чата или инструмент аналитики стоит ресурсов. Оставьте только то, что приносит клиентов.
• Отложите (defer) некритичный JavaScript, чтобы он не блокировал первое взаимодействие.
• Разбивайте длинные задачи на мелкие части и «уступайте» основной поток (через setTimeout или современный планировщик браузера), чтобы отклик на клик прошёл первым.
• Предпочитайте CSS вместо JavaScript для простых анимаций и эффектов — CSS работает в другом потоке и не блокирует.
• В формах используйте debounce, чтобы код не выполнялся при каждом нажатии клавиши.
• Выбирайте лёгкую тему или сборку с самого начала, а не раздутую, которую потом «оптимизируете».

Самый дешёвый выигрыш часто — убрать балласт, а не наслаивать оптимизации поверх него.

Что это значит для сайта малого бизнеса

Если у вас салон, клиника или местный магазин, вам не нужно становиться программистом. Но два момента стоит знать. Первый: отзывчивость действительно влияет на то, сколько посетителей останутся и нажмут «Записаться» или «Позвонить». Второй: многие медленные сайты медленны по своей конструкции, а не из-за забытого плагина — и заплаточные оптимизации тут мало помогают.

В MPO Web Studio мы строим лёгкие сайты с самого начала — именно чтобы потом не воевать с INP. Мы работаем удалённо по всей стране и можем бесплатно сделать вам готовое демо вашего сайта, чтобы вы увидели разницу до того, как что-либо заплатите.

Если хотите вместе разобраться, почему ваш нынешний сайт медленный, напишите нам в WhatsApp — мы честно скажем, нужно ли что-то чинить или лучше пересобрать.