Mart 2024. godine bio je prekretnica u svetu web performansi, ali je mnogima prošao „ispod radara“. Google je zvanično penzionisao metriku FID (First Input Delay) i zamenio je sa INP (Interaction to Next Paint).
Možda mislite: „Još jedna skraćenica, koga briga?“
Google je briga. A trebalo bi da bude i vas.
Dok su se ranije metrike fokusirale na to koliko brzo se sajt učitava, INP meri nešto mnogo suptilnije i opasnije: kako se sajt ponaša dok ga koristite. Da li ste ikada kliknuli na dugme „Dodaj u korpu“, a sajt se na trenutak „zamrzao“? Niste znali da li je klik registrovan, pa ste (nervozno) kliknuli još tri puta?
To je loš INP. I od sada, Google takve sajtove nemilosrdno gura na drugu stranu pretrage.
U ovom tekstu, tim Joombooz agencije razbija mitove o INP-u, objašnjava tehničku pozadinu problema i, najvažnije, kako da ga rešite pre nego što vas konkurencija prestigne.
Šta je zapravo INP i zašto je strožij od prethodnika?
Stara metrika (FID) merila je samo kašnjenje nakon prvog klika na sajtu. To je bilo kao da ocenjujete restoran samo na osnovu toga koliko brzo konobar donese meni.
INP (Interaction to Next Paint) meri odziv tokom celog životnog veka posete. Bilo da korisnik klikne na sliku da je uveća, otvori padajući meni („hamburger“ menu) ili pritisne „Checkout“ – svaki taj klik mora da proizvede vizuelnu povratnu informaciju unutar 200 milisekundi.
Ako vaš sajt ima kompleksne JavaScript skripte koje se izvršavaju u pozadini, pretraživač (browser) je „zauzet“. Korisnik klikne, browser kaže: „Čekaj malo, računam nešto“, a ekran stoji zaleđen. To je trenutak kada gubite kupca.
Tehnički krivac: „Main Thread“ zagušenje
Da bismo razumeli problem, moramo zaroniti malo dublje u arhitekturu web-a.
Zamislite Main Thread (glavnu nit procesora pretraživača) kao jednu traku na autoputu. Sve mora da prođe tuda:
-
Iscrtavanje sajta (Rendering).
-
Izvršavanje JavaScript koda (Analitika, reklame, funkcionalnosti).
-
Obrada korisničkih inputa (Klikovi, skrolovanje).
Problem nastaje kada imate „teške“ skripte (Long Tasks). Ako JavaScript kod zauzme traku na 500ms, a korisnik u tom trenutku klikne dugme, njegov klik čeka u redu kao automobil u gužvi.
Gde najčešće grešimo? Kroz našu praksu u Joombooz-u, prilikom revizija sajtova klijenata, najčešći uzroci lošeg INP-a su:
-
Previše „Third-party“ koda: Facebook Pixel, Google Tag Manager, Chat botovi, Hotjar… Svi oni se bore za resurse Main Thread-a.
-
Neoptimizovani Event Handleri: Kod koji se aktivira na klik je previše kompleksan i blokira iscrtavanje sledećeg frejma.
-
Ogroman DOM (Document Object Model): Ako vaša stranica ima hiljade HTML elemenata (čest slučaj kod loših WordPress tema), pretraživaču treba večnost da preračuna novi raspored nakon klika.
Kako popraviti INP? (Nije dovoljno instalirati Cache plugin)
Ovde dolazimo do razlike između amaterskog „krpljenja“ i profesionalnog razvoja. Rešavanje INP problema zahteva hirurški pristup kodu.
Evo strategija koje primenjujemo kada optimizujemo zahtevne e-commerce sisteme:
1. Razbijanje dugih zadataka (Breaking up Long Tasks)
Umesto da browser izvršava jednu ogromnu skriptu od 600ms, mi je „seckamo“ na manje delove od po 50ms. To omogućava pretraživaču da „uzme vazduh“ između zadataka i obradi korisnikov klik. Ovo zahteva napredno poznavanje JavaScript-a.
2. Korišćenje „Web Workers-a“
Ovo je napredna tehnika gde deo teškog računanja izmestimo sa glavne trake (Main Thread) na sporedni kolosek (Background Thread). Tako glavni put ostaje slobodan za interakciju sa korisnikom.
3. Vizuelni feedback je ključan
Ponekad ne možemo ubrzati procesiranje (npr. čekamo odgovor od servera banke). Ali možemo „prevariti“ percepciju. Ako korisnik klikne „Plati“, dugme mora istog milisekunda da promeni boju ili pokaže „spinner“ (učitavanje). Čak i ako se proces u pozadini još vrti, korisnik je dobio potvrdu da je klik uspeo. To drastično popravlja INP skor.
Poslovni rizik: Zašto CEO mora da brine o ovome?
Možda se pitate zašto bi se direktor firme bavio milisekundama?
-
SEO kazne su realne: Google je jasno rekao da je dobar „Page Experience“ uslov za top pozicije. Ako imate loš INP, Google vas vidi kao „pokvaren“ sajt, bez obzira na kvalitet vašeg sadržaja.
-
Rage Clicks i povraćaj novca: Korisnici koji misle da dugme ne radi, klikću više puta. Rezultat? Duple porudžbine, greške u transakcijama, pozivi korisničkoj podršci i frustracija.
-
SGE i AI pretraga: Novi AI pretraživači (poput Google SGE) favorizuju sajtove koji daju brze i direktne odgovore. Spori, „zaleđeni“ sajtovi neće biti deo AI generisanih odgovora.
Brzina interakcije je nova valuta poverenja
Optimizacija za INP nije samo šminkanje sajta za Google robote. To je poštovanje vremena i pažnje vašeg korisnika. U svetu gde konkurencija vreba na jedan klik (ako taj klik radi!), tehnička superiornost postaje ključna komparativna prednost.
Mnogi vlasnici sajtova trenutno paniče zbog pada poseta jer ne razumeju ovu promenu algoritma. Vi nemojte paničiti – delujte.
Tim stručnjaka u Joombooz-u (www.joombooz.com) specijalizovan je za dubinsku optimizaciju performansi. Ne koristimo „gotova rešenja“ koja samo maskiraju problem. Mi analiziramo kod, identifikujemo uska grla u izvršavanju skripti i činimo vaš sajt ne samo brzim na oko, već munjevitim na dodir.
Da li je vaš sajt spreman za INP eru ili je ostao zaleđen u prošlosti?
