Domov · Slovník pojmov · Čo je INP

Slovník pojmov

Čo je INP?

INP je skratka pre interakciu do ďalšieho vykreslenia. Meria, ako dlho trvá, kým stránka viditeľne zareaguje na kliknutie, ťuknutie alebo stlačenie klávesy. Hodnotí sa najhoršia bežná odozva počas návštevy. Za dobrú sa považuje hodnota do dvestopäťdesiat milisekúnd. Od roku 2024 nahradila starší ukazovateľ FID.

Vysvetlené po ľudsky.

Je to čas medzi tým, ako stlačíte vypínač, a tým, ako sa rozsvieti. Ak svetlo naskočí okamžite, nepremýšľate o tom. Ak sa rozsvieti po sekunde, stlačíte vypínač ešte raz a napokon ho vypnete. Na webe to vyzerá tak, že človek dvakrát klikne na Odoslať, lebo prvé kliknutie akoby nič neurobilo, a formulár sa odošle dvakrát alebo vôbec.

Prečo to majiteľa firmy zaujíma.

INP trápi hlavne weby postavené na ťažkých šablónach s množstvom doplnkov. Prehliadač je zaneprázdnený spracovaním skriptov a na kliknutie nestíha reagovať. Pre firmu je to skryté miesto, kde sa strácajú dopyty: návštevník klikne na tlačidlo v menu alebo na Odoslať a keďže sa nič nedeje, odíde. Rieši sa to odstránením nepoužívaných doplnkov, odložením skriptov, ktoré nie sú potrebné hneď, a jednoduchším kódom. Statický web má tento ukazovateľ prakticky vždy v poriadku, lebo v ňom skoro žiadny skript nebeží.

Príklad z praxe.

Web na šablóne s vizuálnym editorom mal pri kliknutí na položku menu odozvu takmer sekundu. Príčinou bolo osemnásť doplnkov, z ktorých každý pridával vlastné skripty spúšťané hneď pri načítaní. Odstránenie ôsmich nepoužívaných doplnkov, odloženie chatovacieho okna až po prvej interakcii a nahradenie skriptovaných animácií riešením v štýloch znížilo odozvu na tretinu. Na novom telefóne pritom nebolo pôvodné správanie takmer badateľné, na tri roky starom zariadení šlo o zjavné zasekávanie. Práve preto testujem weby aj na staršom telefóne. Návštevník s takým zariadením nepovie, že web je pomalý. Povie, že tlačidlo nefunguje, a odíde.

Kedy sa tým zaoberať.

Odozvou sa zaoberajte pri weboch postavených na ťažkých šablónach a všade tam, kde návštevníci hlásia, že tlačidlá reagujú pomaly. Prvý krok je inventúra doplnkov a skriptov: čo sa reálne používa a čo tam zostalo z minulosti. Druhý krok je odloženie všetkého, čo nie je potrebné hneď pri načítaní, typicky chat, sledovacie nástroje a widgety. Tretí je otestovanie na staršom telefóne, lebo na novom sa problém neprejaví. Ak sa hodnota nedá dostať do poriadku ani po vyčistení, je to signál, že šablóna je pre daný web priťažká. Vtedy býva prestavba lacnejšia než ďalšie donekonečna opakované ladenie.

Ako to skontrolujem.

Odozvu si otestujete najlepšie na starom telefóne.

1Otvorte web na staršom mobile a rýchlo klikajte na menu, tlačidlá a rozbaľovacie otázky. Sledujte, či reakcia príde okamžite.

2V Search Console si pozrite prehľad Core Web Vitals a hodnotu odozvy pre mobil.

3V teste rýchlosti si pozrite čas, počas ktorého je hlavné vlákno prehliadača zablokované.

4Vypnite dočasne podozrivé doplnky a zmerajte znova. Rozdiel ukáže vinníka.

Časté chyby.

×Desiatky doplnkov v redakčnom systéme, z ktorých každý pridáva vlastné skripty.

×Skripty na sledovanie a chat načítavané hneď pri štarte namiesto po interakcii.

×Animácie závislé od skriptov namiesto riešenia v štýloch.

×Testovanie výhradne na novom telefóne s rýchlym pripojením, kde sa problém neprejaví.

Časté otázky.

Čím sa INP líši od predchádzajúceho FID?

FID meral len oneskorenie prvej interakcie. INP hodnotí odozvu počas celej návštevy a berie do úvahy aj čas, kým sa zmena naozaj vykreslí, takže je bližšie k tomu, čo človek vníma.

Aká hodnota je dobrá?

Do dvestopäťdesiat milisekúnd sa považuje za dobrú, do pol sekundy za hraničnú. Nad pol sekundy človek reakciu vníma ako zaseknutie.

Prečo mám zlé INP, keď sa web načíta rýchlo?

Rýchle načítanie a rýchla odozva sú dve rôzne veci. Stránka sa môže zobraziť za sekundu a potom sekundy spracovávať skripty, počas ktorých na kliknutie nereaguje.

Ktoré skripty odozvu zhoršujú najviac?

Chatovacie okná, nástroje na sledovanie správania, rotujúce bannery a widgety sociálnych sietí. Väčšina z nich sa dá načítať až po interakcii alebo úplne vynechať.

Súvisí odozva s hostingom?

Len okrajovo. Odozva sa odohráva v prehliadači návštevníka, takže rozhoduje množstvo a kvalita kódu, nie výkon servera.

Potrebujete to vyriešiť na svojom webe?

Robím weby na mieru od 250 €, redizajn od 250 € a e-shop od 590 €. Cenu poviem vopred podľa rozsahu.