PLAVEC STUDIO
Negdje u Googleovim serverima postoji ocjena vaše web stranice. Generirana je na temelju podataka stvarnih korisnika koji su ju posjetili — koliko brzo su vidjeli sadržaj, koliko je stranica bila responzivna na njihove klikove, koliko je sadržaj "skakao" dok se učitavao.
Ta ocjena se zove Core Web Vitals — i ona direktno utječe na to hoće li vas Google prikazati iznad ili ispod konkurencije.
Problem? Većina vlasnika web stranica u Hrvatskoj nikada nije čula za ove metrike. A oni koji jesu — često imaju potpuno kriva uvjerenja o tome što zapravo utječe na rezultat.
Ovaj članak razbija mitove, objašnjava konkretne brojke i daje praktične korake. Bez tehničkog žargona, s podacima iz Googleovih istraživanja i case studijama tvrtki koje su poboljšanja pretvorile u mjerljiv rast prihoda.
Ocjena koju niste vidjeli — a Google jest
Od 2021. godine, Google prikuplja podatke o performansama vaše stranice od stvarnih korisnika putem Chrome browsera. Taj dataset se zove Chrome User Experience Report (CrUX) — i to je jedini izvor podataka koji Google koristi za rangiranje na temelju performansi.
Ne Lighthouse score. Ne PageSpeed broj. Stvarni podaci od stvarnih ljudi koji su posjetili vašu stranicu.
Da biste "prošli", najmanje 75% vaših posjetitelja mora imati iskustvo koje zadovoljava Googleove pragove. Ne prosjek — 75. percentil. To znači da nije dovoljno da stranica bude brza u laboratorijskim uvjetima. Mora biti brza za tri četvrtine vaših stvarnih korisnika — uključujući one na starijim mobitelima i sporijim mrežama.
Rezultat: samo 48% web stranica na mobilnim uređajima prolazi Core Web Vitals test. Na desktopu je nešto bolje — 56%. Ali više od polovice svih web stranica ne zadovoljava Googleove minimalne standarde performansi.
Ako je vaša stranica među onima koje ne prolaze — ne samo da pružate lošije iskustvo korisnicima, nego aktivno gubite pozicije na Googleu u korist konkurencije koja je investirala u performanse.
Tri metrike, objašnjene ljudskim jezikom
Core Web Vitals mjere tri aspekta korisničkog iskustva. Svaka metrika odgovara na jedno pitanje:
"Koliko brzo korisnik vidi glavni sadržaj?"
62% mobilnih stranica prolazi
"Koliko brzo stranica reagira na klik ili tap?"
77% mobilnih stranica prolazi
"Koliko sadržaj 'skače' dok se stranica učitava?"
81% mobilnih stranica prolazi
Primijetite razliku u prolaznosti: CLS prolazi 81% stranica, ali LCP samo 62%. LCP je najteža metrika — i ujedno ona koja ima najveći utjecaj na korisničko iskustvo i konverzije.
5 mitova koji vas koštaju pozicija
Prije nego krenemo u detalje svake metrike, raščistimo najčešća kriva uvjerenja. Ovo su stvari koje čujemo od klijenata gotovo svaki tjedan:
Sada kada smo razbili kriva uvjerenja, pogledajmo svaku metriku — što zapravo uzrokuje loše rezultate i kako ih popraviti.
LCP: problem najčešće nije slika — nego kada je browser pronađe
LCP mjeri koliko brzo korisnik vidi najveći vidljivi element na stranici — najčešće hero sliku ili glavni naslov. Većina ljudi pretpostavlja da je rješenje kompresirati slike. Ali Googleovi vlastiti podaci govore nešto posve suprotno.
Google je razbio LCP na četiri faze i izmjerio koliko vremena svaka oduzima:
Vidite? Samo preuzimanje slike traje samo 350ms čak i na lošim stranicama. Pravi krivci su spori server (TTFB) i kašnjenje u otkrivanju resursa — browser ne zna da slika postoji jer je skrivena u CSS-u, učitava se preko JavaScript-a ili ima lanac zavisnosti.
Stranica s lošim LCP-om troši gotovo 4x više vremena čekajući da uopće počne preuzimati sliku nego što troši na samo preuzimanje. Kompresija slike rješava najmanji dio problema.
Što zapravo pomaže? Koristiti eksplicitan <img> tag umjesto CSS pozadinske slike. Dodati fetchpriority="high" na hero sliku — Etsy je time poboljšao LCP za 4%, a Googleov interni test je smanjio LCP s 2.6s na 1.9s. I nikada, nikada ne stavljati loading="lazy" na sliku iznad folda.
INP: metrika o kojoj nitko ne govori — a košta vas 7% prodaje
INP (Interaction to Next Paint) je najnovija Core Web Vital metrika — zamijenila je FID u ožujku 2024. I odmah razotkrila koliko su web stranice zapravo neresponzivne.
Dok je stari FID mjerio samo prvu interakciju, INP mjeri svaku — svaki klik, svaki tap, svaki unos tipkovnice tijekom cijelog posjeta. I bilježi najlošiju. To je razlog zašto je prijelaz s FID-a na INP izazvao pad od 5 postotnih bodova u mobilnoj prolaznosti — stranice koje su "prolazile" sa starom metrikom, odjednom više nisu.
90% vremena koje korisnik provede na vašoj stranici događa se nakon što se stranica učita. INP mjeri upravo to iskustvo — reagira li stranica na klikove ili korisnik čeka, čeka i na kraju odlazi.
Glavni krivac za loš INP? JavaScript. Svaka skripta koja blokira main thread — Google Analytics, Facebook Pixel, chat widgeti, cookie consent banneri — dodaje kašnjenje između klika i reakcije stranice. Medijalna mobilna stranica ima 14 dugih taskova (>50ms) koji blokiraju thread ukupno 2.37 sekundi.
U jednom ekstremu, testirana stranica s uključenim third-party skriptama imala je LCP od 26.82 sekundi. Bez third-party skripti — ispod 1 sekunde.
redBus, indijska platforma za autobusne karte, riješila je INP problem debounce-anjem scroll handlera i lokalnim upravljanjem React statea. Rezultat: INP poboljšan za 72%, prodaja porasla za 7%.
CLS: "skakanje" koje tjera korisnike — a vi to ne vidite
CLS mjeri koliko se sadržaj pomiče nakon što je već prikazan. Znate onaj trenutak kada počnete čitati tekst, a onda se odjednom pojavi oglas i gurne sadržaj 200 piksela niže? Ili kad kliknete gumb, ali stranica se pomakne i kliknete na nešto drugo?
To je CLS — i korisnici ga mrze.
S prolaznosti od 81%, CLS je najlakši Core Web Vital za proći. Ali to ne znači da ga treba ignorirati. Tri najčešća uzroka:
Slike bez dimenzija
62% mobilnih stranica ima barem jednu sliku bez postavljene širine i visine. Kada browser učita sliku, ne zna koliko prostora treba rezervirati — pa sadržaj "skoči" kad se slika pojavi. Rješenje je jednostavno: uvijek postaviti width i height atribute.
Web fontovi
88% web stranica koristi custom fontove. Kada se font učita, zamjenjuje fallback font i uzrokuje pomak teksta (FOUT). 50% stranica koristi font-display: swap što to eksplicitno dozvoljava. Bolje rješenje: font-display: optional koji eliminira pomak — ali ga koristi samo 0.5% stranica.
Dinamički ubačen sadržaj
Oglasi, cookie banneri, chatbot widgeti — sve što se ubacuje nakon inicijalnog renderiranja pomiče postojeći sadržaj. Rješenje: rezervirati prostor unaprijed pomoću min-height ili aspect-ratio u CSS-u.
AliExpress je optimizacijom CLS-a postigao 10x bolje rezultate i smanjio bounce rate za 15%. NDTV je prepolovio LCP i istovremeno ostvario pad bounce ratea od 50%.
Što se dogodi kada popravite Core Web Vitals — konkretni brojevi
Ovo nisu teorije. Ovo su dokumentirani rezultati tvrtki koje su izmjerile utjecaj CWV poboljšanja na poslovne metrike:
Deloitte/Google studija na 10+ milijardi korisničkih posjeta u 37 brendova: poboljšanje brzine od samo 0.1 sekunde donijelo je +8.4% konverzija u e-commerce-u i +10.1% u travel industriji.
Kao što smo detaljno objasnili u članku o web stranici kao investiciji, svaka sekunda kašnjenja košta 7% konverzija. Core Web Vitals su alat kojim možete precizno identificirati i otkloniti te gubitke.
Što vi kao vlasnik tvrtke možete učiniti — danas
Ne trebate biti developer da biste razumjeli stanje svoje stranice. Evo konkretnog plana:
Izmjerite trenutno stanje
Otvorite Google Search Console → Core Web Vitals izvještaj. Tamo su pravi podaci, ne laboratorijski. Ako nemate Search Console — to je prvi problem koji trebate riješiti.
Identificirajte koji metric pada
LCP, INP ili CLS? Svaki ima drugačije uzroke i rješenja. Najčešći krivac za poslovne stranice: LCP — spora hero slika ili spor server.
Pitajte svog web developera za specifične odgovore
Ne "popravi performanse" — nego: "Zašto je naš LCP 4.2 sekunde i što konkretno treba napraviti da bude ispod 2.5?" Ako ne znaju odgovoriti — to je signal.
Preispitajte tehnologiju
Samo 46% WordPress stranica prolazi CWV na mobitelu. Framework poput Astra postiže 95-100 PageSpeed bez ikakve optimizacije. Ponekad problem nije u optimizaciji — nego u temelju.
Reducirajte third-party skripte
Svaka vanjska skripta (analytics, chatbot, pixel, heatmap) troši resurse. Audit: koliko ih imate? Trebate li zaista sve? Jedna tvrtka je poboljšala INP za 19% samo time što je ispravno odgodila učitavanje analytics-a.
Zaključak: Core Web Vitals nisu cilj — oni su alat
Core Web Vitals nisu sami sebi svrha. Oni su dijagnostički alat koji vam govori nešto konkretno: pruža li vaša web stranica iskustvo koje zadržava posjetitelje ili ih tjera.
Ne trebate savršen score. Trebate proći pragove — LCP ispod 2.5s, INP ispod 200ms, CLS ispod 0.1 — za 75% vaših posjetitelja. To je dovoljno za SEO prednost. Sve iznad toga je optimizacija korisničkog iskustva koja se vraća kroz konverzije, ne kroz rangiranje.
Tvrtke koje su popravile Core Web Vitals nisu to radile radi Googlea. Radile su to jer su shvatile jednostavnu stvar:
Brža stranica = manje ljudi ode. Manje ljudi ode = više kupuje. Više kupuje = veći prihod.
Core Web Vitals su samo način da to izmjerite.
Vaš sljedeći korak je jasan: otvorite Search Console, pogledajte svoje brojke i odlučite — jeste li zadovoljni onim što vidite?
Vaša stranica ne prolazi Core Web Vitals?
Razgovarajmo o konkretnim koracima — od dijagnostike do implementacije. Bez obaveza, s konkretnim brojevima.