Core Web Vitals 2026 — vodič za vlasnike sajta koji ne žele da čitaju dokumentaciju

Google-ovi Core Web Vitals su od 2021. ranking faktor i od 2024. uključuju tri metrike: LCP (Largest Contentful Paint), INP (Interaction to Next Paint — zamena za stari FID) i CLS (Cumulative Layout Shift). Nisu jedini SEO faktor, ali su merljivi, javno dostupni i direktno utiču na korisničko iskustvo — što znači da je popravljanje ovih metrika korisno i bez direktnog SEO efekta.

LCP meri koliko brzo se učitava najveći vidljivi element na stranici (obično hero slika ili h1 naslov). Prag: ispod 2.5 sekunde je 'dobro', 2.5–4.0 sekunde je 'treba poboljšanje', iznad 4.0 sekunde je 'loše'. Najčešći uzroci lošeg LCP-a: neoptimizovane slike (JPEG bez kompresije, PNG umesto WebP/AVIF), spor server odgovor (hosting koji ne drži cache), i fontovi koji blokiraju render.

INP meri vreme od korisničke interakcije (klik, tap, tipkanje) do vizuelnog odgovora stranice. Prag: ispod 200ms dobro, 200–500ms treba poboljšanje, iznad 500ms loše. Najčešći uzroci: previše JavaScript-a koji se izvršava na glavnoj niti, blokiranje rendering-a teškim analitičkim skriptama, i trećim stranama (chatbotovi, live chat, marketing pixeli) koji drže main thread zauzet.

CLS meri koliko stranica 'skače' dok se učitava — element se pojavi, gurne sadržaj dole, korisnik klikne pogrešnu stvar. Prag: ispod 0.1 dobro, 0.1–0.25 treba poboljšanje, iznad 0.25 loše. Uzroci: slike bez definisanih dimenzija u HTML-u, fontovi koji zamenjuju fallback font s drugačijim dimenzijama, i reklame ili baneri koji se ubacuju bez rezervisanog prostora.

Kako da vidite gde ste: Google PageSpeed Insights (pagespeed.web.dev) daje laboratorijsko merenje za URL koji unesete, i CrUX (Chrome User Experience Report) podatke ako sajt ima dovoljno saobraćaja. Google Search Console pod 'Iskustvo stranice' prikazuje realne podatke korisnika po mobilnom i desktop. Za kontinuirani monitoring: Lighthouse CI u CI/CD pipeline-u ili Web Vitals ekstenzija za Chrome za brze provere.

Šta popraviti bez programera: kompresujte i konvertujte slike u WebP/AVIF pre upload-a (Squoosh.app je besplatan alat), dodajte width i height atribute svim slikama, uklonite live chat ili marketing pixele koji ne daju ROI, i proverite da li vaš hosting ima HTTP/2 i server-side cache uključene. Ostatak — optimizacija JavaScript bundle-a, critical CSS, preload hints — zahteva developera i jednom urađeno drži se dugo.

Feather Studio gradi sajtove koji izlaze iz produkcije sa zelenim Core Web Vitals-ima na mobilnom. Ako imate sajt koji je spor ili 'pada' u PageSpeed pregledu — pogledajte naše web usluge ili zakažite tehnički pregled sajta.