Interaction to Next Paint: Proč okamžitá odezva webu rozhoduje o nákupu

Rychlá definice

INP (Interaction to Next Paint) je metrika, která měří celkovou interaktivitu a pohotovost vašeho webu. Přesněji řečeno sleduje prodlevu mezi okamžikem, kdy uživatel provede nějakou akci (např. klikne na tlačítko „Koupit“, otevře menu nebo rozbalí roletku), a momentem, kdy se tato akce vizuálně projeví na obrazovce.

Nahradila starší metriku FID (First Input Delay) a je jedním ze tří hlavních pilířů Core Web Vitals.

Proč by vás to mělo zajímat z pohledu byznysu

V digitálním světě jsou lidé zvyklí na okamžitou odezvu. Pokud kliknete na tlačítko a web „zamrzne“ nebo nereaguje, máte pocit, že je rozbitý.

Ztráta obratu a nedokončené nákupy: Pokud tlačítko „Přidat do košíku“ nereaguje okamžitě, uživatel ztratí jistotu, že jeho požadavek proběhl. Často klikne znovu (čímž si do košíku přidá zboží dvakrát a pak ho naštvaně maže), nebo nákup rovnou vzdá.
Uživatelská frustrace: Pomalá reakce webu na kliknutí podvědomě vede k pocitu nespolehlivosti celé vaší značky. Frustrovaní uživatelé se častěji vrací zpět do vyhledávače (tzv. pogo-sticking), což je pro Google negativní signál.
SEO priorita: Jelikož je INP pevnou součástí Core Web Vitals, špatná (pomalá) odezva webu vás přímo sráží ve výsledcích organického vyhledávání.

Typické chyby, které zhoršují INP

Těžký a neoptimalizovaný JavaScript: Prohlížeč je příliš zaneprázdněn zpracováváním složitého kódu a nemá „čas“ zareagovat na to, že uživatel právě na něco kliknul.
Přemíra skriptů třetích stran: Různé chatovací doplňky, heatmapy, analytické nástroje a vyskakovací okna často běží na hlavním vlákně a blokují základní interakci webu.
Složité a zbytečné animace: Efekty, které spoléhají na neustálé přepočítávání JavaScriptem místo čistého CSS, extrémně zatěžují výkon prohlížeče (zejména na slabších mobilních telefonech).

Jak INP (interaktivitu) vylepšit

Technicky jde o to, jak efektivně váš web zpracovává „úkoly“ v prohlížeči. Naši vývojáři se zaměřují na:

Optimalizaci JavaScriptu: Ořezání nadbytečného kódu, rozdělení velkých souborů na menší části (code splitting) a odstranění všeho, co zbytečně vytěžuje procesor prohlížeče.
Asynchronní načítání: Zajištění, aby interaktivní prvky nečekaly na dokončení načítání méně důležitých skriptů na pozadí.
Úklid na pozadí: Minimalizace dlouhých úloh (Long Tasks), které se dějí „pod kapotou“ a drží hlavní vlákno prohlížeče v zajetí, čímž blokují reakci na uživatelovo kliknutí.

Jak to vidíme v UNIKUM?

Web musí být živý a pohotový. Pokud vaše drahá marketingová kampaň přivede uživatele na web, je vaší absolutní povinností zajistit, aby interakce s ním byla bezchybná. INP pro nás není jen technický pojem – je to jasný indikátor toho, zda váš web funguje jako hladce namazaný a intuitivní obchodní nástroj, nebo jako zaseknutý automat, do kterého hodíte minci a nic nepadne.

Mini-FAQ

Jaký je ideální (dobrý) výsledek INP?

Aby Google váš web hodnotil zeleně, musí být vizuální odezva na interakci kratší než 200 milisekund. Hodnoty nad 500 milisekund už znamenají prokazatelně špatnou zkušenost.

Jaký je rozdíl mezi starou metrikou FID a novou INP?

FID (First Input Delay) měřila jen první interakci uživatele na webu a navíc měřila pouze zpoždění, než prohlížeč začal úkol zpracovávat. INP je mnohem přísnější a přesnější: měří všechny interakce po celou dobu návštěvy a měří celý čas až do chvíle, kdy uživatel vidí vizuální změnu na monitoru.