Brzina sajta je nekada bila samo poželjna stavka. Danas je jedan od faktora na osnovu kojih korisnici procenjuju pouzdanost, kvalitet i jednostavnost korišćenja sajta.
Ako se stranica proizvoda sporo učitava, dugmad kasne sa reakcijom ili se sadržaj pomera dok se stranica otvara, korisnici neće strpljivo čekati. Jednostavno će otići. A kada dovoljno ljudi odustane već na početku, vaš prodajni funnel počinje da gubi potencijalne kupce još pre nego što su dobili priliku da vide šta nudite.
Upravo zato su Core Web Vitals važni. To je Googleov način da stvarno korisničko iskustvo pretvori u merljive pokazatelje. Oni neće zameniti kvalitetan sadržaj, dobar proizvod ili relevantne backlinkove, ali u konkurentnim nišama mogu napraviti razliku između prve i druge stranice rezultata, kao i između „Dodaj u korpu” i zatvaranja taba.
U ovom vodiču objasnićemo šta su Core Web Vitals, koji rezultati se smatraju dobrim i kako ih u Creative Brackets koristimo kao smernice za unapređenje performansi sajta.
Šta Core Web Vitals zapravo mere
Core Web Vitals su mali skup metrika zasnovanih na podacima stvarnih korisnika. Fokusiraju se na tri stvari koje posetioci sajta odmah primećuju:
- Brzinu učitavanja odnosno koliko brzo se pojavljuje glavni sadržaj
- Odziv sajta odnosno koliko brzo stranica reaguje na klik ili dodir
- Vizuelnu stabilnost odnosno da li sadržaj ostaje na svom mestu ili se pomera tokom učitavanja
Google koristi konkretne granične vrednosti za procenu Core Web Vitals metrika. Da bi stranica pružala dobro korisničko iskustvo, sve tri metrike treba da budu u „dobrom“ opsegu.
| Metrika | Dobro | Potrebno poboljšanje | Loše |
|---|---|---|---|
| LCP | ≤ 2,5 s | 2,5–4,0 s | > 4,0 s |
| INP | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS | ≤ 0,1 | 0,1–0,25 | > 0,25 |
Tri glavne metrike su:
- LCP (Largest Contentful Paint)
- INP (Interaction to Next Paint)
- CLS (Cumulative Layout Shift)
Google preporučuje da sajt ostvaruje „good” rezultate za sve tri metrike, a Core Web Vitals su deo šireg skupa signala koje Google koristi za procenu page experience-a.
Koji rezultati se smatraju dobrim?
Najčešće korišćene ciljne vrednosti su:
- LCP: 2,5 sekundi ili manje
- INP: manje od 200 ms
- CLS: manje od 0,1
Još jedna važna stvar: Core Web Vitals se najčešće procenjuju prema 75. percentilu.
Jednostavno rečeno, nije dovoljno da vaš sajt bude brz „ponekad”. Potrebno je da pruža dobro iskustvo većini korisnika, većinu vremena.
Zašto Core Web Vitals utiču na SEO i konverzije
I Uticaj na SEO
Google je prilično jasan kada su u pitanju dve stvari:
- Dobri Core Web Vitals rezultati su poželjni i u skladu su sa vrstom korisničkog iskustva koje Googleovi ranking sistemi žele da nagrade.
- Sami po sebi ne garantuju bolje pozicije, jer su relevantnost i kvalitet sadržaja i dalje važniji.
Zato Core Web Vitals možete posmatrati ovako:
- Ako vaš sadržaj najbolje odgovara na ono što korisnik traži, možete se dobro rangirati čak i ako iskustvo na sajtu nije idealno.
- Ali kada je više stranica približno podjednako relevantno, bolje korisničko iskustvo može da prevagne u vašu korist.
II Uticaj na konverzije, gde se rezultat zaista vidi
Core Web Vitals direktno se poklapaju sa ključnim trenucima u e-commerce korisničkom iskustvu:
- LCP utiče na prvi utisak koji korisnik dobija na stranicama kategorija i proizvoda.
- INP utiče na filtere, izbor varijante proizvoda, dodavanje u korpu, checkout korake i popup prozore.
- CLS može dovesti do pogrešnih klikova, frustracije i opšteg utiska da je sajt neuredan ili nepouzdan.
Drugim rečima, optimizacija Core Web Vitals nije samo „tehničko doterivanje”. Ona direktno štiti stopu konverzije.
Core Web Vitals jesu važni, ali nisu cela SEO strategija.
Dobri Core Web Vitals rezultati ne znače automatski i bolje pozicije na Google-u.
Google uzima u obzir relevantnost i kvalitet sadržaja, linkove, search intent i brojne druge signale.
Performanse su važne jer istovremeno podržavaju vidljivost u pretrazi i iskustvo korisnika nakon što dođu na sajt.
Tri Core Web Vitals metrike, bez komplikovanja
1. LCP: „Kada stranica deluje kao da se učitala”
Largest Contentful Paint meri koliko brzo najveći glavni element na stranici postaje vidljiv. To je često hero slika, fotografija proizvoda ili veći blok teksta.
Google preporučuje da LCP bude unutar 2,5 sekundi.
Najčešći razlozi za spor LCP
- Prevelike hero ili product slike, bez kompresije ili u pogrešnim dimenzijama
- Spor odziv servera zbog hostinga, cache-a ili backend uskih grla
- CSS i JavaScript koji blokiraju renderovanje
- Previše third-party skripti koje pokušavaju da se učitaju istovremeno
Na stranici proizvoda, loš LCP može značiti da se glavna fotografija proizvoda pojavi nekoliko sekundi nakon ostatka sadržaja.
Ukratko:
Loš LCP najčešće izazivaju prevelike hero slike, spor odgovor servera, render-blocking CSS, fontovi ili spori API zahtevi.
Šta najčešće rešava problem
- Optimizacija slika: odgovarajući format, kompresija, dimenzije i pravilno korišćen lazy loading
- Bolja caching strategija na serveru i CDN-u
- Critical CSS i pametnije učitavanje skripti
- Backend optimizacija: query-ji, API pozivi i neefikasnosti u template-ima
Za više informacija pogledajte naše usluge za optimizaciju brzine.
2. INP: „Da li sajt reaguje kada kliknem?”
Interaction to Next Paint meri odziv stranice. Preciznije, meri koliko vremena prođe od korisničke interakcije, kao što su klik, dodir ili pritisak na taster, do trenutka kada korisnik vidi vizuelnu reakciju stranice.
Google preporučuje INP ispod 200 ms.
INP je zamenio FID kao glavnu Core Web Vital metriku za odziv sajta, jer bolje predstavlja celokupno iskustvo korisnika tokom interakcije sa stranicom.
Najčešći razlozi za visok INP
- Previše JavaScript-a i preveliko opterećenje main thread-a
- Veliki framework-i koji se učitavaju na svakoj stranici, čak i kada nisu potrebni
- Previše tracking alata i widgeta
- Sporo ažuriranje UI-ja zbog zahtevnog ponovnog renderovanja
Loš INP može učiniti da izbor varijante, filteri, „Dodaj u korpu“ dugme ili checkout deluju sporo i neodzivno.
Ukratko:
Loš INP često je posledica previše JavaScript-a, third-party skripti, velikog DOM-a ili zahtevnih event handlera.
Šta najčešće rešava problem
- Smanjenje JS payload-a kroz splitovanje bundle-ova i uklanjanje neiskorišćenog koda
- Odlaganje učitavanja skripti koje nisu neophodne odmah
- Optimizovanje frontend interakcija, event handling-a i rendering logike
- Provera third-party alata i zadržavanje samo onih koji zaista donose vrednost
3. CLS: „Zašto mi je sadržaj upravo pobegao sa mesta?”
Cumulative Layout Shift meri vizuelnu stabilnost stranice. Ako se elementi neočekivano pomeraju tokom učitavanja, CLS raste.
Google preporučuje da CLS bude ispod 0,1.
Najčešći razlozi za visok CLS
- Slike kojima nisu definisane width i height vrednosti, pa browser unapred ne rezerviše prostor
- Fontovi koji se kasno učitavaju, odnosno FOIT/FOUT problemi
- Baneri, cookie barovi i popup prozori koji se naknadno ubacuju iznad sadržaja
- Oznake i bedževi proizvoda koji se pojavljuju tek nakon što je ostatak layouta već renderovan
Loš CLS može dovesti do toga da se dugme ili proizvod pomeri baš u trenutku kada korisnik želi da klikne.
Ukratko:
Loš CLS obično nastaje kada slike nemaju definisane dimenzije, kada se sadržaj učitava naknadno ili kada baneri, fontovi i drugi elementi pomeraju već prikazan sadržaj.
Šta najčešće rešava problem
- Unapred rezervisan prostor za slike, oglase i embedovani sadržaj
- Pravilno učitavanje fontova uz preload i odgovarajuću
font-displaystrategiju - Prikaz dinamičkih UI elemenata bez guranja postojećeg sadržaja nadole
- Provera komponenti u template-ima koje se učitavaju sa zakašnjenjem
Kako meriti Core Web Vitals bez lutanja kroz gomilu podataka
Susrešćete se sa dve vrste podataka:
Field data: podaci stvarnih korisnika
Ovo su podaci koji su Googleu najvažniji kada su Core Web Vitals u pitanju, jer pokazuju kako stvarni posetioci doživljavaju vaš sajt.
- Core Web Vitals izveštaj u Google Search Console-u grupiše URL-ove u kategorije „good”, „needs improvement” i „poor”.
- Alati kao što je PageSpeed Insights mogu prikazati field data kada je dostupan i proceniti da li stranica prolazi Core Web Vitals kriterijume na osnovu 75. percentila.
Lab data: kontrolisani testovi
Lab data, poput rezultata iz Lighthouse-a, veoma je koristan za dijagnostiku zato što se testovi mogu ponavljati pod istim uslovima.
Rezultati neće uvek biti isti kao kod stvarnih korisnika, ali vam mogu pomoći da otkrijete zašto je određeni deo sajta spor.
Praktično pravilo
- Koristite field data da biste odredili prioritete.
- Koristite lab data da biste pronašli i otklonili uzrok problema.
Zašto se PageSpeed rezultat može razlikovati
Core Web Vitals se ne procenjuju samo na osnovu jednog testa sa vašeg računara.
Field data predstavlja podatke stvarnih korisnika i posmatra 75. percentil, što znači da najmanje 75% poseta treba da bude unutar preporučenih vrednosti.
Lab data, sa druge strane, dolazi iz simuliranog testa i veoma je koristan za pronalaženje i dijagnostikovanje problema.
Šta prvo proveravamo da ne bismo trošili vreme na pogrešne stvari
Počinjemo od stranica koje direktno utiču na prihod i akviziciju korisnika:
- Ključne prodajne stranice i template-i: kategorije, proizvodi, korpa i checkout
- Najvažnije landing stranice: glavne ulazne stranice za SEO i paid ads saobraćaj
Na taj način rad usmeravamo tamo gde poboljšanje Core Web Vitals zaista može da utiče na konverzije, umesto da samo jurimo bolji rezultat na testu.
Kako poboljšavamo Core Web Vitals u Creative Brackets
Ovde „speed optimization” prestaje da bude jednokratna intervencija i postaje deo dugoročnog sistema za održavanje performansi.
Korak 1: Prvo mapiramo funnel, pa tek onda diramo kod
Počinjemo od stranica koje imaju najveći uticaj na prihod:
- Najvažnije landing stranice za SEO i oglase
- Stranice kategorija i ponašanje korisnika tokom pregledanja i filtriranja
- Stranice proizvoda, sa posebnim fokusom na slike, skripte i varijante
- Korpa i checkout, gde loš INP često pravi problem koji se ne vidi na prvi pogled
Korak 2: Razdvajamo brze popravke od sistemskih problema
Brza poboljšanja, često rešiva u 1 do 2 sprinta
- Kompresija slika i korišćenje next-gen formata tamo gde imaju smisla
- Uklanjanje ili odlaganje zahtevnih third-party skripti
- Rešavanje CLS problema izazvanih nedostajućim dimenzijama i pomeranjem layouta
- Poboljšanje caching headera i osnovne CDN konfiguracije
Sistemske optimizacije koje donose dugoročnu prednost
- Refaktorisanje template-a i komponenti kako bi renderovanje bilo manje zahtevno
- Backend optimizacija sporih query-ja i zahtevnih endpointa
- Naprednija caching strategija, uključujući edge caching i pametniju invalidaciju cache-a
- Poboljšanje hostinga i delivery infrastrukture, uključujući TTFB, routing i podešavanje infrastrukture
Brza poboljšanja realizujemo kroz našu uslugu optimizacije brzine sajta, dok za ozbiljnije, strukturne izmene možete pogledati naše usluge Izrada i razvoj i DevOps i hosting.
Korak 3: Povezujemo performance optimizaciju sa konkretnim rezultatima
Core Web Vitals nisu krajnji cilj. Oni su kontrolna tabla koja nam pokazuje da li idemo u dobrom smeru.
Pratimo rezultate kao što su:
- Smanjenje bounce rate-a na mobilnim uređajima na ključnim landing stranicama
- Veći engagement tokom pregledanja kategorija, korišćenja filtera, paginacije i infinite scroll-a
- Veća stopa dodavanja proizvoda u korpu nakon poboljšanja INP-a
- Stabilniji checkout i veća stopa završetka kupovine nakon rešavanja CLS problema
Ako želite da vidite kako optimizacija performansi izgleda u praksi i kakve rezultate može da donese, pogledajte naše Studije slučaja i Prezentacije, sa konkretnim primerima projekata na kojima smo radili.
Korak 4: Sprečavamo da se performanse vremenom ponovo pogoršaju
Do pada performansi najčešće dolazi kada:
- Dodate nove aplikacije ili skripte
- Theme update uvede teže assete
- Campaign stranice moraju brzo da izađu, pa optimizacija ostane u drugom planu
- Fotografije i drugi product media sadržaji postaju sve brojniji i zahtevniji
Zato uvodimo jednostavne zaštitne mehanizme:
- Redovne Core Web Vitals provere, mesečno ili kvartalno
- Provere ključnih template-a pre svakog većeg release-a
- Kontinuirano praćenje naglih promena LCP, INP i CLS vrednosti
Na taj način „optimizacija” prestaje da bude jednokratna intervencija i postaje dugoročna briga o performansama sajta.
Primer iz nedavnog e-commerce performance projekta
Nakon ciljane Core Web Vitals optimizacije ključnih stranica kategorija i proizvoda, zabeležili smo brže početno učitavanje, fluidnije interakcije i stabilnije korisničko iskustvo od pregledanja proizvoda do checkout-a.
Tokom prvih nekoliko nedelja nakon release-a:
- LCP je poboljšan: [npr. 3,6 s → 2,2 s] na najvažnijim stranicama kategorija
- INP je poboljšan: [npr. 320 ms → 170 ms] na stranicama proizvoda, pa su filteri i dodavanje u korpu reagovali primetno brže
- Checkout je postao stabilniji: [npr. manje pomeranja layouta i manje frustriranih, uzastopnih klikova tokom perioda najvećeg saobraćaja]
Rezultati se razlikuju u zavisnosti od sajta i njegove tehničke postavke, ali upravo ovakva merljiva poboljšanja želimo da postignemo kada optimizujemo performanse celog funnel-a.
Najčešće zablude koje čujemo i šta je zapravo tačno
| Zabluda | Šta je zapravo tačno |
|---|---|
| „Ako prođem Core Web Vitals, biću prvi na Googleu.” | Dobar rezultat pomaže, ali relevantnost i kvalitet sadržaja i dalje imaju prednost. |
| „Desktop rezultati su odlični, znači da nemamo problem.” | Mobilni korisnici najčešće prvi osete probleme sa performansama. Field data pokazuje šta se zaista dešava. |
| „Treba nam samo jedan speed plugin.” | Alati mogu pomoći, ali najveća poboljšanja najčešće dolaze iz kombinacije optimizacije koda, asseta i načina na koji se sadržaj isporučuje korisniku. |
Dovedimo vaše Core Web Vitals rezultate u zeleno
Ako želite jasan plan sa konkretnim prioritetima, umesto nasumičnog spiska upozorenja iz različitih alata, možemo da uradimo performance audit koji povezuje:
- Prioritetnu listu popravki sa delovima funnel-a koji su najvažniji za poslovanje
- Procenu potrebnog rada, odnosno šta se može rešiti brzo, a šta zahteva ozbiljnije izmene
- Očekivani uticaj na Core Web Vitals, SEO vidljivost i tok konverzije
I da, jasno ćemo vam reći šta je quick win, a šta zahteva ozbiljniji zahvat.
Spremni za proveru brzine sajta koja se završava konkretnim planom, a ne samo još jednim izveštajem?
Zakažite audit →
FAQ
1. Da li Core Web Vitals direktno utiču na pozicije na Googleu?
Mogu doprineti boljem rangiranju, ali ne mogu da nadoknade slab sadržaj. Najbolje ih je posmatrati kao faktor koji može da prevagne kada je više stranica podjednako relevantno, ali i kao signal kvaliteta koji dugoročno podržava SEO.
2. Koje Core Web Vitals rezultate bi trebalo da cilja jedan e-commerce sajt?
Kao osnovni cilj, težite vrednostima LCP ≤ 2,5 s, INP < 200 ms i CLS < 0,1 na najvažnijim template-ima, kao što su kategorije, proizvodi i checkout.
Cilj nije da jedan izolovani test bude savršen, već da iskustvo bude dobro za većinu korisnika.
3. Koje stranice treba prvo optimizovati?
Počnite od stranica koje direktno utiču na prodaju, kao što su kategorije, proizvodi, korpa i checkout, kao i od najvažnijih landing stranica za SEO i oglase.
Tu poboljšanje brzine najčešće može da donese i merljiv rast konverzija.
4. Zašto su rezultati naših lab testova dobri, a stvarni korisnici i dalje imaju problema?
Lab testovi se rade u kontrolisanim uslovima i lako se ponavljaju. Stvarni korisnici, međutim, koriste sporije uređaje, slabije internet konekcije i mogu biti izloženi dodatnim skriptama i drugim faktorima.
Field data pokazuje šta se zaista dešava u realnim uslovima, pa njega koristimo za određivanje prioriteta.
5. Koliko brzo možemo da vidimo rezultate?
Neke optimizacije mogu dati rezultate veoma brzo, na primer bolje serviranje slika, optimizacija učitavanja skripti ili rešavanje problema sa stabilnošću layouta.
Za druge je potrebno više rada, kao što su refaktorisanje template-a, rešavanje backend uskih grla ili promena hosting i caching strategije.
Dobar audit upravo tome i služi: da jasno razdvoji brza poboljšanja od problema koji zahtevaju ozbiljniji tehnički rad.
6. Zašto su moji Core Web Vitals dobri u Lighthouse-u, ali loši u Google Search Console-u?
Lighthouse koristi lab data — simulirano testiranje stranice u kontrolisanim uslovima. Google Search Console koristi field data, odnosno podatke stvarnih korisnika prikupljene tokom vremena. Zbog toga rezultati mogu da se razlikuju. Na primer, Lighthouse može pokazati dobre performanse na brzoj konekciji, dok stvarni korisnici na sporijim uređajima ili mrežama i dalje imaju lošije iskustvo.
7. Da li Core Web Vitals direktno utiču na Google rangiranje?
Da, Core Web Vitals su deo Google-ovih page experience signala, ali nisu jedini niti najvažniji faktor rangiranja. Relevantan i kvalitetan sadržaj, search intent, autoritet stranice i drugi SEO signali i dalje imaju veću ulogu. Dobri Core Web Vitals mogu pomoći, posebno kada su dve stranice slične po kvalitetu i relevantnosti, ali sami po sebi neće garantovati visoku poziciju.
