INP: prečo web reaguje na kliknutie pomaly
Klikne na tlačidlo a nič sa nedeje. Klikne znova. Takýto web pôsobí pokazene, aj keď sa načítal rýchlo. Práve odozvu na kliknutia, ťuknutia a písanie meria ukazovateľ INP.
Čo INP meria
INP (Interaction to Next Paint) meria čas od interakcie, napríklad kliknutia, po to, keď prehliadač zobrazí reakciu. Hodnotí interakcie počas celej návštevy a výsledok zodpovedá jednej z najpomalších. V marci 2024 nahradil v Core Web Vitals starší ukazovateľ FID.
Aká hodnota je dobrá
Za dobré Google považuje INP do 200 milisekúnd, medzi 200 a 500 milisekundami treba zlepšiť a nad 500 milisekúnd je to zlé.
Čo INP zhoršuje
- Ťažký JavaScript: prehliadač je zaneprázdnený spracovaním skriptov a nestíha reagovať.
- Skripty tretích strán: chaty, reklamy, meracie kódy a pixely bežiace naraz.
- Veľká stránka: obrovské množstvo prvkov, ktoré treba po každej zmene prepočítať.
- Náročné obsluhy udalostí: kód, ktorý po kliknutí robí priveľa práce naraz.
Ako INP zlepšiť
- odstráňte nepotrebné skripty a ostatné načítavajte až po zobrazení stránky, viac v článku Skripty tretích strán,
- náročné úlohy rozdeľte na menšie časti, aby prehliadač medzi nimi stihol reagovať,
- po kliknutí najprv ukážte okamžitú reakciu (napríklad stav načítavania) a až potom dokončite prácu,
- zjednodušte stránky s obrovským množstvom prvkov.
INP je ťažšie zmerať v laboratóriu
INP vzniká len pri skutočnej interakcii, preto sa najlepšie meria na údajoch od reálnych návštevníkov v PageSpeed Insights alebo v Search Console. Laboratórne testy ukazujú príbuzný ukazovateľ Total Blocking Time, ktorý napovie, či web blokuje hlavné vlákno.
Ostatné ukazovatele popisujeme v článkoch LCP a CLS. Pri zrýchlení webu nájdeme skripty, ktoré brzdia odozvu, a odstránime ich vplyv.
