Co je INP (Interaction to Next Paint) a co s ním dělat

INP (Interaction to Next Paint) měří, jak rychle web viditelně zareaguje na kliknutí, klepnutí nebo stisk klávesy. Sleduje všechny interakce během návštěvy a výsledkem je ta nejpomalejší. Patří mezi tři metriky Core Web Vitals a dobrá hodnota je do 200 milisekund.

Pozor na jednu past: zelené skóre v PageSpeed Insights o INP nic neříká. Vzniká z testu, při kterém nikdo neklikne.

Obsah článku

Jaké hodnoty jsou dobré

INPHodnocení
do 200 msdobré
200–500 mspotřebuje zlepšení
nad 500 msšpatné

Google hodnotí 75. percentil návštěv, zvlášť pro mobily a počítače. Aby stránka prošla, musí tři ze čtyř návštěv dostat odezvu do 200 ms. Na mobilu to bývá těžší. Levnější telefon zpracuje stejný kód pomaleji než notebook.

Pásma INP: do 200 ms dobré, do 500 ms ke zlepšení, nad 500 ms špatné
Grafika vytvořena s pomocí OpenAi

Co INP měří

Zákazník v e-shopu klikne na filtr „do 1 000 Kč“. INP měří čas od kliknutí do chvíle, kdy prohlížeč vykreslí první změnu, třeba zaškrtnuté políčko nebo načítací kolečko. Na výsledky ze serveru INP nečeká.

Do INP se počítá kliknutí myší, klepnutí na dotykové obrazovce a stisk klávesy. Scrollování, najetí myší a zoom ne.

Každá interakce má tři fáze:

FázeCo se děje
Input delayprohlížeč dokončuje jinou práci a na kliknutí zatím nereaguje
Processing durationběží kód, který na kliknutí odpovídá
Presentation delayprohlížeč přepočítá vzhled stránky a vykreslí změnu

Input delay je jako číšník, který si vaši objednávku zapíše, až donese jídlo k vedlejšímu stolu.

Výsledné INP je nejpomalejší interakce návštěvy. Na stránkách s víc než 50 interakcemi Google na každých 50 vynechá tu nejhorší, aby výsledek nezkreslil jeden výkyv.

Tři fáze interakce od kliknutí po vykreslení další snímku
Grafika vytvořena s pomocí ClaudeAI

INP vs. FID

INP v březnu 2024 nahradilo metriku First Input Delay (FID). Liší se ve dvou věcech:

  • FID měřilo jen první interakci na stránce, INP měří všechny.
  • FID měřilo jen zpoždění vstupu, INP celou dobu až po vykreslení změny.

Podle dat z Chromu tráví lidé 90 % času na stránce až po jejím načtení. FID tak většinu používání webu nevidělo.

Vliv na SEO

Google v dokumentaci píše, že Core Web Vitals používají jeho systémy hodnocení, ale dodává dvě omezení:

  • dobré výsledky nezaručují první pozice v SERPu,
  • ladit skóre do dokonalosti jen kvůli SEO nemusí být nejlepší využití času.

Relevantní obsah má vyšší hodnotu než horší page experience. Rychlost rozhoduje tam, kde je víc stejně dobrých odpovědí.

Červené INP proto řešte hlavně kvůli lidem, kteří klikají na filtry, košík a formuláře. Z dobré hodnoty na ještě lepší ho nehoňte. Stejně se dívejte na LCP a CLS.

Kde INP najdete

Přehled za celý web najdete v Google Search Console, konkrétní stránku zkontrolujete v PageSpeed Insights.

Report Core Web Vitals v Search Console se skupinami URL podle INP
NástrojCo ukáže
Search Console, report Core Web Vitalsskupiny podobných URL a jejich INP za posledních 28 dní, zvlášť mobil a počítač
PageSpeed InsightsINP od skutečných uživatelů Chromu pro jednu URL nebo celou doménu
LighthouseINP v běžném testu neměří, místo něj ukáže Total Blocking Time (TBT)
Chrome DevTools, panel Performancekonkrétní pomalou interakci a kód, který ji brzdí

Co INP zhoršuje

Skoro vždy jde o práci, kterou prohlížeč dělá ve chvíli, kdy chcete kliknout, a proto INP patří do technického SEO, ne do obsahu.

  • Long tasks v JavaScriptu.

Dokud prohlížeč dokončuje jeden dlouhý skript, na kliknutí nereaguje.

  • Skripty při načítání.

Každý stažený skript musí prohlížeč zpracovat a spustit, a to platí i pro měřicí kód, reklamní pixely, chat a heatmapy. Každý tag v Google Tag Manageru, který načítá další skript, přidává práci.

  • Velký DOM.

Stránka s tisíci prvků se po každé změně překresluje déle.

Co dělat, když je INP v červených hodnotách

  1. Ověřte data od uživatelů. Rozhoduje report v Search Console nebo horní část PageSpeed Insights s daty od skutečných návštěvníků. Lab skóre nestačí.
  2. Začněte skupinou se stavem Špatné. Google doporučuje opravit nejdřív ji, pak stránky, na kterých vám nejvíc záleží.
  3. Projděte marketingové skripty. Tag, který nikdo nepoužívá, vypněte. Tohle zvládnete sami.
  4. Pošlete zadání vývojáři. Konkrétní problém v Search Console nasdílíte odkazem.

Co do zadání patří:

  • URL nebo skupina URL z reportu a naměřené INP,
  • zařízení (mobil, nebo počítač),
  • interakce, která je podezřelá (filtr, menu, formulář),
  • seznam skriptů třetích stran na stránce.

Technický postup s ukázkami kódu najde vývojář v návodu Googlu Optimize Interaction to Next Paint.

Projdeme to s vámi

Domluvit schůzku

Časté otázky

Proč u mé stránky INP chybí?

Návštěvníci na stránce jen scrollovali a na nic neklikli, nebo ji načetl robot. U méně navštěvovaných stránek navíc Google nemá dost dat od uživatelů Chromu.

Jak rychle se oprava projeví v Search Console?

Report pracuje s daty za posledních 28 dní, změna se proto ukáže postupně. Po opravě spusťte v reportu ověření a Google pak 28 dní sleduje, jestli se problém neobjeví znovu.

Musí dobré INP mít každá stránka webu?

Ne. Přednost mají skupiny se stavem Špatné a stránky, které vydělávají: košík, filtry, poptávkový formulář.

Zdroje