INP и сторонние скрипты: пиксели, чаты и Tag Manager на посадочных

Interaction to Next Paint (INP, «взаимодействие до следующей отрисовки») — метрика Core Web Vitals (CWV), которая оценивает, как быстро страница реагирует на клики, тапы и нажатия клавиш. На платных посадочных в Алматы и Казахстане INP чаще ломают не «тяжёлая картинка героя», а сторонние скрипты: пиксель Meta (Facebook/Instagram), виджеты чата, Google Tag Manager (GTM, менеджер тегов Google), счётчики аналитики и «умные» формы. Обзор CWV целиком — в статье про скорость сайта; здесь — узкий плейбук по скриптам на посадочных под рекламу. Astrix.kz чинит INP в рамках поддержки сайтов и технических аудитов, когда маркетинг жалуется на «дорогой клик» при живом креативе.

База техники — чек-лист технического SEO; индекс и очередь — Discovered — not indexed; форматы аудита — SEO-аудит сайта. Услуги: поддержка сайта, SEO, разработка сайта. Смежные темы волны: JS-рендеринг, AI-краулеры, логи сервера, orphan-ссылки. Официально про INP — в руководстве web.dev по INP и в обзоре Core Web Vitals для поиска.

Почему посадочная под рекламу уязвимее корпоративного сайта

На корпоративном сайте скрипты часто уже «привычны» кэшу и размазаны по разделам. На узкой посадочной под Яндекс Директ или Meta Ads в один HTML одновременно вешают: GTM, пиксель Meta, Яндекс Метрику, Google Analytics 4 (GA4), два чата, виджет обратного звонка, A/B-тест и «антиспам» формы. Пользователь с мобильного в Алматы тапает «Оставить заявку» — главный поток браузера занят чужим JavaScript, отрисовка следующего кадра запаздывает, INP в полевых данных краснеет.

Маркетинг видит «конверсия упала», разработка отвечает «у нас Lighthouse зелёный на локали». Разница: лабораторный тест без реальных сторонних доменов и полевые данные Chrome User Experience Report (CrUX) / GSC. Смотрите поле — документация CrUX и отчёт CWV в Search Console.

Кто обычно «убивает» INP

• Пиксель Meta и подобные — тяжёлые запросы и обработчики на старте; дубли пикселя через GTM и «на всякий случай» в коде.
• Чаты и колбэк-виджеты — грузят UI-фреймворк, слушают каждый скролл и клик, перекрывают кнопку заявки слоем.
• GTM с десятками тегов — теги на All Pages без согласия и без триггеров «после взаимодействия».
• Скрипты карт и видео — iframe и API карт в первом экране посадочной без необходимости.
• Скрипты «антибот» и капчи на каждом фокусе поля формы.

LCP (Largest Contentful Paint, отрисовка крупнейшего элемента) и CLS (Cumulative Layout Shift, совокупный сдвиг вёрстки) тоже страдают, но именно INP чаще связан с обработчиками событий после загрузки. Обзор тройки метрик — снова в CWV и скорости.

Как измерять: поле, а не один Lighthouse

1. GSC › Отчёт Core Web Vitals — URL-группы посадочных отдельно от блога.
2. CrUX / PageSpeed Insights — полевые перцентили, не только lab.
3. RUM (сбор реальных метрик) или веб-виталы в аналитике — если трафика мало для CrUX.
4. Профилирование в Chrome: панель Performance при клике по CTA (призыву к действию) с включёнными расширениями выключенными, но с боевыми тегами на стенде.
5. Блокировка доменов в DevTools: сравнить INP/длингие задачи с чатом и без.

Без полевых данных вы оптимизируете «красивый отчёт подрядчика», а не то, что видит Google по пользователям в Казахстане. Для индекса и обхода медленный ответ ещё и режет глубину краула — см. логи сервера и статусы not indexed.

Отложенная загрузка, согласие и порядок тегов

Рабочая схема для SMB в Казахстане:

• Критичный путь посадочной — HTML, CSS, форма заявки, телефон. Без чата в первой отрисовке.
• Согласие на cookies / маркетинг — маркетинговые пиксели после согласия, где это требуется политикой; не грузить всё «до клика Accept».
• Чаты — загрузка по жесту («Написать в WhatsApp») или после idle (простоя) 3–5 секунд, не на DOMContentLoaded.
• GTM — один контейнер; инвентаризация тегов раз в квартал; удалить мёртвые пиксели агентств.
• Серверные / упрощённые события — где уместно, снизить объём JS в браузере (осторожно с качеством атрибуции).

Не путайте «отложить чат» с «выключить аналитику навсегда». Цель — разгрузить главный поток в момент первого тапа по форме. Документация по оптимизации длинных задач — в материалах web.dev про long tasks.

Типичные ошибки агентств и «быстрых лендингов»

• Три системы аналитики «для сверки» на одной посадочной.
• Чат от прошлого подрядчика + новый чат «красивее».
• Пиксель в GTM и тот же пиксель в <head>.
• Тяжёлый слайдер и автовидео над формой на мобильном.
• Скрипты только на клиенте при пустом HTML — страдает и SEO, и INP; см. JS-рендеринг SPA/SSR.

Фильтры и тяжёлые каталоги — отдельная история краула: категории и фильтры. Политика ботов не лечит INP, но путать «нас режет WAF» и «нас душит виджет» не стоит — robots.txt для AI.

Стоимость работ

Ориентиры Astrix.kz. Нужны доступы к GTM, хостингу и списку посадочных с платным трафиком. Обзор метрик — Core Web Vitals; отчётность по поиску — AI Overviews и GSC.

Регламент на две недели

День 1–2: срез полевого INP по URL посадочных и список сторонних доменов. День 3–5: вычистить дубли тегов, отложить чаты, проверить форму без блокировок главного потока. День 6–10: выкладка, мониторинг ошибок аналитики (не «пропали заявки» из-за сломанного триггера). День 11–14: сверка конверсий в рекламных кабинетах и повторный взгляд на длингие задачи. Перелинковку и сирот на этих URL тоже проверьте — мёртвые посадочные без внутренних ссылок плохо живут и в индексе: orphan SEO.

Так INP перестаёт быть «магией Lighthouse» и становится списком конкретных скриптов с владельцем в маркетинге.

Итог

INP на посадочных в Алматы и Казахстане чаще ломают пиксели, чаты и перегруженный Tag Manager, а не «плохой хостинг». Мерите полевые данные, инвентаризируйте теги, откладывайте виджеты и не дублируйте пиксели. Обзор CWV — в статье про скорость; внедрение — через поддержку сайта и при необходимости разработку; техника индекса — SEO-аудит от 150 000 ₸. Рядом: SSR и SPA, индексация в GSC, технический чек-лист.

По теме в кластере: Как читать отчёт SEO-аудита в Казахстане.

Связанные услуги

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