Core Web Vitals objašnjenje: LCP, INP i CLS za vlasnike

5. novembar 2026. · Lizzard Solutions

Core Web VitalsLCPINPCLSPageSpeed InsightsTehnički SEOMala preduzeća

Piše Nemanja Vukmirović, Lizzard Solutions. Poslednje ažuriranje: 5. novembar 2026.

Na vašem laptopu sajt izgleda u redu. Na telefonu klijenta hero slika se dugo učitava, meni "skoči" kad stigne baner, a dugme "Kontakt" reaguje sa zakašnjenjem. Baš taj osećaj Google meri kroz Core Web Vitals — i plaćate ga i rangiranjem i izgubljenim upitima.

Ovo je core web vitals objašnjenje za vlasnike firmi, ne za developere: šta znače LCP, INP i CLS, zvanični pragovi good / needs improvement / poor, kako da čitate PageSpeed Insights bez nagađanja, i mesečna kontrola od 15 minuta koju stvarno možete da držite.

---

Šta su Core Web Vitals?

Core Web Vitals su Google-ove tri metrike za to kako stranica deluje stvarnim korisnicima: Largest Contentful Paint (LCP) za učitavanje, Interaction to Next Paint (INP) za odziv i Cumulative Layout Shift (CLS) za vizuelnu stabilnost. Google ih ocenjuje na 75. percentilu poseta, odvojeno za mobilni i desktop, kako je opisano u pregledu Core Web Vitals na web.dev i u dokumentaciji Google Search Central.

One su deo šireg tehničkog SEO-a. Ako još rešavate crawl, indeksiranje i strukturu, krenite od našeg vodiča za tehnički SEO za mala preduzeća, pa se vratite ovde na sloj korisničkog iskustva.

Pragovi iznad su iz zvaničnog članka o vitals na web.dev (stranice za LCP, INP i CLS). Ne izmisljajte ciljeve i ne mešajte lab skorove sa field podacima.

Akcija za danas: otvorite Search Console → Experience → Core Web Vitals i zapišite da li neke grupe URL-ova stoje kao "Poor" ili "Needs improvement".

---

LCP: koliko brzo se pojavi glavni sadržaj

Largest Contentful Paint meri trenutak kada se najveći vidljivi element u viewport-u završi sa renderovanjem — često hero slika, naslovni blok ili poster videa. Prema vodiču za LCP na web.dev, dobar LCP je 2,5 sekunde ili manje.

Šta najčešće kvari LCP na sajtovima malih firmi

• Hero fotografija od 3–5 MB skinuta direktno sa telefona (tipično za lokalne usluge u Srbiji).
• Spor hosting ili "hladan" server (visok Time to First Byte).
• CSS/JS koji blokira render i odlaže glavnu sliku ili tekst.
• Lazy-load na hero slici iznad fold-a (treba da se učita odmah).

Kontrolna lista za LCP

• ☑ Smanjite hero na širinu prikaza (često 1200–1600 px), izvezite WebP/AVIF, držite težinu u stotinama KB kad god možete.
• ☑ Postavite width i height (ili aspect-ratio) na LCP sliku da pregledač rezerviše prostor.
• ☑ Nemojte stavljati loading="lazy" na LCP element.
• ☑ Odložite nebitne skripte; chat i heatmap sklonite sa kritičnog puta.
• ☑ Proverite TTFB hostinga — ako je server spor, front-end trikovi neće spasiti situaciju.

Za širi korak-po-korak vodič kroz slike, keširanje i hosting, pogledajte optimizaciju brzine sajta za mala preduzeća.

Akcija za danas: u PageSpeed Insights proširite LCP i zapišite koji je element LCP kandidat na mobilnom.

---

INP: koliko brzo stranica reaguje

Interaction to Next Paint meri vreme od korisničke akcije (tap, klik, taster) do narednog iscrtavanog frejma. Dobar INP je 200 milisekundi ili manje; loš je preko 500 ms, prema dokumentaciji za INP na web.dev. INP je 2024. zamenio stariji First Input Delay (FID) kao Core Web Vital.

Tipični "ubice" INP-a

• Teški JavaScript na svakoj strani (page builderi, neiskorišćeni pluginovi, veliki framework-i).
• Chat, A/B testovi i analitika koji se bore za glavni thread.
• Dugi taskovi koji "zamrznu" UI kad se prvi put otvori meni ili forma.

Kontrolna lista za INP

• ☑ Uklonite pluginove, slidere i "all-in-one" vidžete koje niko ne koristi.
• ☑ Učitavajte chat i marketing tagove posle saglasnosti / posle prve interakcije gde je moguće.
• ☑ Preferirajte jednostavne kontakt forme umesto builder-a sa desetinama skripti.
• ☑ Tražite od developera da podeli duge taskove ako lab dijagnostika pokazuje blokadu main thread-a.

Akcija za danas: tapnite glavni meni i primarni CTA na prosečnom telefonu; ako ima vidljivo kašnjenje, označite INP za developera.

---

CLS: koliko raspored skače

Cumulative Layout Shift meri neočekivano pomeranje vidljivog sadržaja. Dobar CLS je 0,1 ili manje; loš je preko 0,25, prema vodiču za CLS na web.dev. Pomeraj nastaje kad se nešto pojavi ili promeni veličinu iznad sadržaja koji korisnik već gleda — reklame, kasni fontovi, embed-ovi, cookie baneri.

Kontrolna lista za CLS

• ☑ Uvek postavite width/height (ili CSS aspect-ratio) na slike i embed-ove.
• ☑ Rezervišite prostor za cookie baner i announcement bar da ne guraju sadržaj nadole.
• ☑ Izbegavajte ubacivanje reklama ili "related" blokova iznad postojećeg sadržaja posle učitavanja.
• ☑ Koristite font-display: swap pažljivo i ograničite broj težina webfontova na ono što stvarno koristite.

Akcija za danas: osvežite početnu stranu na telefonu tri puta i gledajte da li naslovi ili dugmad skaču posle prvog prikaza.

---

Kako da čitate PageSpeed Insights (field vs lab)

Otvorite PageSpeed Insights, nalepite URL i prvo izaberite mobilni — tu većina sajtova malih firmi u regionu najviše pati. Videćete dve vrste brojeva.

Field podaci (CrUX) — presuda koja važi

• Izvor: stvarni Chrome korisnici u periodu od ~28 dana (Chrome UX Report).
• Prikazuje se kad: URL (ili origin) ima dovoljno saobraćaja.
• Koristite za: prolaz/pad u odnosu na Core Web Vitals pragove.
• Savet: proverite i "This URL" i "Origin" ako su oba dostupna.

Lab podaci (Lighthouse) — alat za dijagnostiku

• Izvor: simulirano učitavanje na Google serverima.
• Koristite za: da nađete koju sliku, skriptu ili CSS da popravite sledeće.
• Nemojte: lab skor 92 tretirati kao dokaz da ste "gotovi" ako je field LCP i dalje crven.

Mini vodič korak po korak

1. Pokrenite mobilni test na početnoj i na najvažnijoj uslužnoj/landing strani.
2. Zapišite field LCP / INP / CLS (ili "nema field podataka").
3. Otvorite dijagnostiku problematične metrike: LCP element, dugi taskovi, uzroci layout shift-a.
4. Popravite jedan uzrok, deploy-ujte, sačekajte osvežavanje field podataka (dani do nedelje), pa ponovo proverite.
5. Uporedite sa Search Console → Core Web Vitals izveštajem za ceo sajt.

Ako želite kombinovanu proveru brzine i bezbednosti pre redizajna, koristite naš vodič za proveru brzine i bezbednosti sajta ili besplatnu proveru brzine sajta.

Akcija za danas: sačuvajte screenshot današnjih field metrika za dve najvažnije stranice — to je vaša polazna tačka.

---

Ispravke koje najviše pomažu malim firmama

Ne treba vam kompletan redizajn da pomerite iglu. Na sajtovima SMB klijenata koje auditiramo u Srbiji i regionu, istih pet poteza rešava većinu "Poor" ocena:

Security headeri neće popraviti LCP, ali stabilan HTTPS sajt i dalje spada u page experience. Spojite ovaj posao sa kontrolnom listom security headera kad sledeći put dirate server konfiguraciju.

Akcija za danas: izaberite najveću sliku koju PageSpeed označi i zamenite je danas.

---

Mesečna provera od 15 minuta

Core Web Vitals se kvare kad marketing doda piksel ili neko uploaduje ogromnu fotografiju. Blokirajte kratak mesečni slot:

• ☐ PageSpeed Insights (mobilni) na početnoj + top landing; zapišite field LCP/INP/CLS.
• ☐ Search Console → Core Web Vitals; pregledajte nove "Poor" grupe URL-ova.
• ☐ Proverite da novi kampanjski baneri/embed-ovi imaju rezervisanu visinu.
• ☐ Potvrdite da nisu dodati novi chat/heatmap skriptovi bez pregleda.
• ☐ Ako je neka metrika crvena, otvorite jedan tiket sa tačnim URL-om + metrikom + screenshot-om.

Za širi SEO prolaz koji uključuje sadržaj i on-page, uklopite ovo u rutinu SEO audita za mala preduzeća.

Akcija za danas: stavite ponavljajući podsetnik od 15 minuta u kalendar, npr. "CWV provera" prvog ponedeljka u mesecu.

---

Core Web Vitals objašnjenje: česta pitanja

Šta su Core Web Vitals jednostavnim rečima?

Tri Google metrike za stvarno korisničko iskustvo: koliko brzo se pojavi glavni sadržaj (LCP), koliko brzo stranica reaguje na tap (INP) i koliko raspored skače (CLS). Stranica "prolazi" kad i sporijih 25% poseta i dalje bude u good pragovima.

Da li Core Web Vitals utiču na SEO rangiranje?

Da, kao deo page experience signala koje opisuje Google Search Central, ali su samo jedan faktor među mnogima. Relevantan sadržaj i zdrav crawl/indeks i dalje nose više. Loši vitals takođe kvare konverzije čak i kad rangiranje drži.

Da li je PageSpeed Insights dovoljan za merenje?

Koristite ga i za field podatke (kad postoje) i za lab dijagnostiku. Za prolaz/pad verujte field podacima; lab koristite da izaberete sledeću ispravku. Search Console dodaje izveštaj po grupama URL-ova za ceo sajt.

Koji su dobri skorovi za LCP, INP i CLS?

Prema web.dev: LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 su "good". Između good i poor je "needs improvement"; LCP > 4,0 s, INP > 500 ms ili CLS > 0,25 je "poor".

Može li mala firma da popravi Core Web Vitals bez redizajna?

Obično da. Kompresija slika, uklanjanje neiskorišćenih skripti, dimenzije elemenata, keš/CDN i brži hosting rešavaju većinu padova. Redizajn tek ako tema ili builder stalno vraćaju istu težinu.

---

Core web vitals objašnjenje u jednoj rečenici: merite šta stvarni posetioci osećaju, uporedite sa Google-ovim objavljenim pragovima, skinite višak sa strane i proveravajte mesečno. Krenite od LCP ako je hero težak, od INP ako tapovi "lepe", od CLS ako elementi skaču.

Treba vam drugi par očiju? Pogledajte naše usluge razvoja sajtova i IT konsaltinga ili pokrenite besplatnu proveru brzine sajta, pa javite nam šta PageSpeed pokazuje.