Happy Media

SEO optimizacija · 8. maj 2026.

Core Web Vitals 2026 — šta su LCP, INP, CLS i kako ih popraviti

Marko Čović · CEO Happy Media · Vreme čitanja 10 min

TL;DR — kratak odgovor

Core Web Vitals su 3 metrika koje Google koristi za rangiranje od 2021. godine: LCP (kako brzo se učita glavni sadržaj), INP (kako brzo sajt reaguje na klik), CLS (koliko se layout pomera tokom učitavanja). Loši CWV oboraju rang za 5-15% i konverzije za 7-12% po sekundi sporije. Ovo je vodič kroz merenje i fix. Tehnički SEO audit obično rešava 80% CWV problema u 2-4 sata.

Šta su Core Web Vitals i zašto ih Google nagrađuje

Google je 2021. uveo Core Web Vitals kao deo "Page Experience" ranking signal-a. Logika je jednostavna: ako Google šalje korisnika na vaš sajt, želi da korisnik ima dobro iskustvo — sajt treba da se brzo učita, brzo reaguje, i da ne "skače" tokom čitanja. Ako vaš sajt to ne radi, Google preferira konkurenta koji to radi bolje.

U 2026. CWV nije najjači signal (sadržaj i backlinkovi su još uvek dominantni — pogledajte naš članak o backlinkovima 2026), ali je tie-breaker. Kad dva sajta imaju sličan content i slične backlinkove, bolji CWV pobeđuje. Plus, CWV direktno utiču na konverzije: Amazon je još 2009. izračunao da 100ms sporije učitavanje = 1% manje prihoda.

LCP (Largest Contentful Paint) — kako brzo se učitava glavni sadržaj

LCP meri koliko vremena treba da se prikaže najveći vidljivi element na ekranu — obično hero slika, glavni naslov, ili glavni paragraf.

Threshold-i (Google klasifikacija):

  • 🟢 Good: ≤ 2.5 sekundi
  • 🟡 Needs Improvement: 2.5 — 4 sekundi
  • 🔴 Poor: > 4 sekundi

Najčešći uzroci lošeg LCP-a:

  • Velike, neoptimizovane hero slike (PNG umesto WebP, 3MB umesto 200KB)
  • Spor server / hosting (TTFB > 600ms)
  • Render-blocking JavaScript i CSS u <head>
  • Web fontovi koji blokiraju render
  • Nedostatak preload hint-a za kritične resurse

Brzi fix-ovi:

  1. Konvertuj slike u WebP (50-70% manje veličine od JPG/PNG). WordPress: ShortPixel ili Imagify plugin.
  2. Dodaj fetchpriority="high" na hero sliku — Chrome će je preuzeti pre svega ostalog.
  3. Preload web fontove u <head>: <link rel="preload" href="font.woff2" as="font" crossorigin>
  4. Promeni hosting na bolji ako je TTFB > 800ms. Vercel, Cloudflare Pages, Netlify daju TTFB ispod 200ms.

INP (Interaction to Next Paint) — kako brzo sajt reaguje na klik

INP je najnoviji metrik — zamenio je FID u martu 2024. Razlika: FID je merio samo PRVU interakciju, INP meri SVE interakcije tokom sesije.

Šta INP konkretno meri: kad korisnik klikne dugme, koliko vremena prođe pre nego što sajt vizuelno reaguje na taj klik (animacija, promena stranice, otvaranje menija). Što duže, lošije iskustvo.

Threshold-i:

  • 🟢 Good: ≤ 200ms
  • 🟡 Needs Improvement: 200 — 500ms
  • 🔴 Poor: > 500ms

Najčešći uzroci lošeg INP-a:

  • Težak JavaScript (analitika, chat widgeti, popup-i)
  • Long tasks koje blokiraju main thread
  • Treća strana (Facebook Pixel, hot jar, livechat) — kombinacija svih često ubije INP
  • Komplikovani event listeneri u WordPress temi

Brzi fix-ovi:

  1. Lazy-load third-party skripte — Facebook Pixel, GA4, chat treba da se učitaju POSLE first-paint, ne pre.
  2. Defer non-critical JavaScript — dodaj defer ili async atribute.
  3. Razdeli velike skripte (code splitting) — uvodi se prag za 50ms task-ove.
  4. Ukloni neaktivne pluginove u WordPress-u — svaki dodaje JS.

CLS (Cumulative Layout Shift) — koliko se layout pomera

CLS meri vizuelnu stabilnost: koliko se sadržaj pomera dok se sajt učitava. Klasičan primer: čitate naslov, učitava se reklama, naslov skoči 100px dole, kliknete pogrešno.

Threshold-i:

  • 🟢 Good: ≤ 0.1
  • 🟡 Needs Improvement: 0.1 — 0.25
  • 🔴 Poor: > 0.25

Najčešći uzroci CLS-a:

  • Slike bez width i height atributa
  • Reklame koje "ulaze" sa kašnjenjem
  • Web fontovi koji se učitavaju i menjaju layout (FOIT/FOUT)
  • Cookie banneri koji "guraju" sadržaj nadole umesto da plivaju iznad

Brzi fix-ovi:

  1. Uvek stavi width="..." i height="..." na sve <img> tagove (ili koristi aspect-ratio CSS).
  2. Rezerviši prostor za reklame sa min-height CSS-om.
  3. Koristi font-display: swap za web fontove — ali predvidi razliku u veličini.
  4. Cookie banner kao overlay (position: fixed) — ne kao deo dokumenta.

Kako meriti Core Web Vitals — alati po nameni

Alat Tip Najbolje za Cena
PageSpeed InsightsLab + FieldBrz pregled, share-ovanjeBesplatno
Search Console — CWVField (real users)Praćenje kroz vremeBesplatno
Lighthouse (Chrome DevTools)LabDetaljan debugBesplatno
Web Vitals ekstenzijaReal-timeLive monitoringBesplatno
SpeedCurveSynthetic + RUMEnterprise monitoring€20-€500/mes
DebugBearSynthetic + RUMAlarmi i istorija€10-€200/mes

Realna preporuka: 95% sajtova u Srbiji ne treba ništa preko PageSpeed Insights + Search Console. Te dva alata su besplatni i daju 90% potrebnih informacija.

WordPress optimizacija — specifični koraci

30% sajtova u Srbiji koristi WordPress, i 70% njih ima loše CWV out-of-the-box. Evo redosleda:

  1. Caching plugin: WP Rocket (€59/godina) ili LiteSpeed Cache (besplatan, samo na LiteSpeed hostingu). Caching alone podiže LCP za 30-50%.
  2. Image optimization: ShortPixel ili Imagify. Konvertuj sve slike u WebP, lazy-load, responsive sizes. Dramatičan efekat na LCP.
  3. Database cleanup: WP-Optimize. Ukloni revizije, spam komentare, transient cache. Smanjuje TTFB za 10-20%.
  4. Plugin audit: ako imate 30+ pluginova, jamačno polovina nije neophodna. Pročitajte naš članak o WordPress sigurnosti — i tamo je plugin audit ključan.
  5. Tema: ako koristite "kupljenu" temu sa ThemeForest-a sa 50 funkcija — verovatno je teška. Razmislite o lakim temama (GeneratePress, Astra, Kadence).

Custom sajt optimizacija

Ako imate custom sajt (React, Vue, Next.js, ili statički), CWV je obično bolji nego na WordPress-u — ali nije automatski savršen. Ključni koraci:

  • CDN: Cloudflare, Vercel Edge, Cloudflare Pages. TTFB ispod 100ms za većinu posetilaca.
  • Image format-i: WebP ili AVIF. Servirajte responsive sizes preko <picture> tag-a.
  • Code splitting: lazy-load komponente koje nisu vidljive odmah.
  • Preload kritičnih resursa: hero slika, web fontovi, critical CSS.
  • Defer third-party: GA4, Pixel, chat widget treba da idu posle first-paint.

U našim Business i E-commerce paketima izrade sajtova, CWV optimizacija je uključena od dana lansiranja.

Koliko CWV utiču na rangiranje — realne studije

Google je u maju 2024. godine objavio podatke iz 2 godine merenja: sajtovi koji su prešli iz "Poor" u "Good" CWV — videli su prosečan rast organic traffic-a od 10-22% u sledećih 6 meseci. Naročito su benefit imali e-commerce sajtovi (do 30% više konverzija).

U našem iskustvu sa srpskim klijentima:

  • E-commerce klijent (zavese): pre fix-a LCP 4.2s, posle 2.1s. Konverzije porasle 18% za 3 meseca, organic traffic 12%.
  • B2B sajt (consulting): pre fix-a INP 380ms, posle 140ms. Form submit-i porasli 24%.
  • Blog: pre fix-a CLS 0.31 (Poor), posle 0.05. Bounce rate pao 15%, average session duration porasla 22%.

Ovo nisu garantovani rezultati — zavisi od starting point-a i industrije. Ali pattern je jasan: brži sajt = više rang + više konverzija + manji bounce.

FAQ — često postavljana pitanja

Koliko utiču Core Web Vitals na Google rangiranje?

CWV su jedan od ~200 ranking faktora — nisu glavni, ali su tie-breaker. Sajtovi sa loših CWV obično gube 5-15% ranga u odnosu na konkurenciju sa istim sadržajem ali boljim metrikama. Plus utiču na konverzije: 1 sekunda sporiji LCP = 7-12% manje konverzija.

Koja je razlika između FID i INP?

FID je merio samo prvu interakciju. INP — koji je zamenio FID u martu 2024 — meri sve interakcije tokom sesije. INP je realniji i strožiji od FID-a. Mnogi sajtovi koji su "prošli" FID test sad padaju na INP-u.

Da li WordPress automatski optimizuje Core Web Vitals?

Ne. WordPress out-of-the-box je obično "Average" ili "Poor". Treba podesiti caching plugin, image optimization, i ukloniti suvišne pluginove. Realno postizanje "Good" zahteva 2-5 sati posla po sajtu — što je standardni deo našeg održavanja sajta.

Kako da merim CWV na svom sajtu?

Najlakše: PageSpeed Insights (pagespeed.web.dev). Za real-time: Search Console → Core Web Vitals report. Za debug: Lighthouse u Chrome DevTools, ili Web Vitals Chrome ekstenzija.

Šta je dobar LCP rezultat?

Google klasifikuje: Good ≤ 2.5s, Needs Improvement 2.5–4s, Poor > 4s. Idealno ispod 2 sekunde. Mobile je obično 30-50% sporiji od desktop-a, pa se merenje uvek radi po Mobile pregledu (Google koristi Mobile za rangiranje).

Koliko košta optimizacija Core Web Vitals?

U Srbiji 2026: jednokratna optimizacija WordPress sajta — €200-€600. Custom sajt — €400-€1.500 zavisno od kompleksnosti. Mesečno održavanje (uključujući CWV monitoring) — €60-€320 (vidi cene održavanja sajta).

Probaj besplatnu CWV procenu

Pošaljite link sajta — vraćamo vam Lighthouse audit + konkretne korake za optimizaciju u roku od 48h. Bez obaveze.

Zatraži besplatnu CWV procenu →

Pročitajte i ovo

Povezani članci