Core Web Vitals u 2026: Što se promijenilo i zašto je važno

Google je 2024. godine zamijenio First Input Delay (FID) novom metrikom Interaction to Next Paint (INP), a u 2026. ta promjena ima konkretne posljedice za svaku web stranicu koja želi biti vidljiva u pretraživanju.

Tri ključne metrike

Core Web Vitals i dalje mjere tri dimenzije korisničkog iskustva:

• LCP (Largest Contentful Paint) — koliko se brzo učitava glavni sadržaj stranice. Cilj: ispod 2,5 sekundi.
• INP (Interaction to Next Paint) — koliko brzo stranica reagira na klik, dodir ili pritisak tipke. Cilj: ispod 200 milisekundi.
• CLS (Cumulative Layout Shift) — koliko se sadržaj pomiče tijekom učitavanja. Cilj: ispod 0,1.

Zašto je INP važniji od FID-a

FID je mjerio samo prvu korisničku interakciju. Ako je prva bila brza, a svaka sljedeća spora — rezultat je ipak bio dobar. INP mjeri sve interakcije tijekom cijele posjete i uzima 75. percentil. To znači da jedna spora animacija ili zaglavljen klik na mobilnom uređaju može srušiti rezultat.

Praktični primjer

Zamislite web stranicu s kontakt formom. Pod FID-om, ako je prvo polje za unos reagiralo brzo, sve je bilo u redu. Pod INP-om, Google mjeri i klik na gumb za slanje, otvaranje izbornika, scroll i svaku drugu interakciju. Ako bilo koja od njih traje duže od 200 ms — rezultat pada.

Što konkretno provjeriti na svojoj stranici

1. JavaScript koji blokira glavnu nit

Najveći uzrok loših INP rezultata je prekomjerni JavaScript. Svaki skript koji se izvršava na glavnoj niti (main thread) blokira reakciju na korisničke akcije.

Rješenje: Koristite defer i async atribute za skripte, razbijte velike bundle-ove na manje dijelove (code splitting), i odgodite učitavanje svega što nije potrebno za prvi prikaz.

2. Slike bez definiranih dimenzija

Kada slike nemaju width i height atribute, preglednik ne zna koliko prostora zauzimaju dok se učitavaju. Rezultat je pomicanje sadržaja (layout shift) koje podiže CLS.

Rješenje: Uvijek definirajte dimenzije slika u HTML-u ili CSS-u. Koristite aspect-ratio CSS svojstvo za responzivne slike. Format WebP ili AVIF smanjuje veličinu datoteke za 30–50%.

3. Web fontovi koji blokiraju prikaz

Učitavanje prilagođenih fontova može odgoditi prikaz teksta, što izravno utječe na LCP.

Rješenje: Koristite font-display: swap da tekst bude čitljiv odmah, a font se zamijeni kad se učita. Posluživanje fontova s vlastitog servera (self-hosting) uklanja ovisnost o vanjskim poslužiteljima.

4. Third-party skripte

Analitika, chat widgeti, oglasi i društvene mreže dodaju JavaScript koji stranica ne kontrolira. Svaki od njih može usporiti INP.

Rješenje: Učitavajte third-party skripte tek nakon interakcije korisnika (lazy loading) ili koristite Web Worker za izolaciju. U Google Tag Manageru aktivirajte samo nužne tagove — svaki dodatni tag usporava stranicu.

Alati za mjerenje

• PageSpeed Insights — brza provjera s preporukama za poboljšanje
• Chrome DevTools → Performance tab — detaljna analiza svake interakcije
• web.dev/measure — kombinirani izvještaj s Lighthouse ocjenom
• Chrome UX Report (CrUX) — stvarni podaci od korisnika vaše stranice

Utjecaj na rangiranje

Google koristi Core Web Vitals kao faktor rangiranja od 2021. godine, ali utjecaj se pojačava. U 2026. stranice s lošim INP rezultatima gube pozicije, posebno na mobilnim uređajima, gdje je konkurencija za prvih deset rezultata izuzetno jaka.

Za mala i srednja poduzeća u Hrvatskoj to znači konkretnu priliku: mnoge lokalne stranice još nisu optimizirane za INP, pa čak i umjerena poboljšanja mogu donijeti značajan pomak u vidljivosti.

Zaključak

Core Web Vitals nije samo tehničko pitanje — to je direktni pokazatelj koliko je vaša stranica upotrebljiva za posjetitelje. Brza, stabilna stranica koja reagira na klikove bez kašnjenja zadržava posjetitelje, smanjuje stopu napuštanja i bolje se rangira. Počnite s mjerenjem, identificirajte uska grla i radite na poboljšanjima korak po korak.