Brzina sajta i Core Web Vitals: merenje i primer CLS popravke

Šta prvo proveriti kada je sajt spor?

Otvorite reprezentativne stranice: naslovnu, važnu uslugu, članak i formu. Proverite kada glavni sadržaj postaje vidljiv, da li stranica reaguje na klik i da li se elementi pomeraju dok čitate. Jedan dobar rezultat naslovne ne opisuje nužno ceo sajt.

LCP, INP i CLS nisu ista stvar

• LCP meri vreme do prikaza najvećeg sadržajnog elementa u vidljivom delu stranice. Cilj za dobar rezultat je do 2,5 sekunde.
• INP meri odziv na korisničke interakcije. Dobar rezultat je do 200 ms.
• CLS meri neočekivano pomeranje sadržaja, i tokom učitavanja i kasnijeg korišćenja stranice. Dobar rezultat je do 0,1.

Za procenu stvarnih korisnika posmatra se 75. percentil, odvojeno za mobilne i desktop posete. Definicije i pragovi dostupni su u zvaničnoj Web Vitals dokumentaciji. To nisu garancije rangiranja ili broja upita.

Laboratorijski test i stvarni korisnici

Lighthouse u PageSpeed-u je pojedinačan laboratorijski test pod zadatim uslovima. CrUX, kada postoji dovoljno podataka, prikazuje iskustva stvarnih posetilaca kroz vremenski period. Ako PageSpeed kaže da nema korisničkih podataka, to ne znači da je sajt prošao ili pao Core Web Vitals procenu.

Ne porediti jedan mobilni test sa desktop testom posle izmene. Sačuvajte URL, uređaj, uslove i datum, ponovite merenje i proverite korisnički tok. TBT iz laboratorijskog testa nije isto što i INP iz stvarnih interakcija.

Primer sa ovog sajta: hero se pomerao posle učitavanja CSS-a

Desktop PageSpeed izveštaj od 8. septembra 2026. zabeležio je CLS 0,109. Najveći doprinos imao je tekstualni blok na hero slici. Poređenje početnog i kompletnog CSS-a pokazalo je različit obračun dimenzija: hero je u kontrolisanom testu menjao visinu za 80 px.

Popravka je bila usklađivanje critical i naknadno učitanog CSS-a: isti box-sizing, razmaci, stil kratkog teksta ispod dugmadi i početno centriranje naslova paketa. Nismo menjali fotografiju niti sakrivali tekst dok se stranica učitava.

U lokalnim proverama oba jezika, uz namerno odloženo učitavanje CSS-a, fontova i slika, desktop CLS bio je približno 0,002–0,003, a najveći mobilni rezultat približno 0,021. Ovo je razvojno merenje, ne novi produkcioni PageSpeed rezultat niti CrUX podatak. Posle objave potrebno je ponoviti produkcioni test.

Redosled provera bez narušavanja izgleda

1. Za LCP utvrdite koji element kasni i da li se slika učitava u odgovarajućoj veličini. Glavnu vidljivu sliku ne odlažite lazy loading-om.
2. Za CLS proverite rezervisan prostor za slike, fontove i razlike između početnih i kasnijih stilova.
3. Za odziv proverite duga izvršavanja skripti, nepotrebne dodatke i ponašanje stvarnih kontrola.
4. Uporedite odgovor servera, keš i spoljne servise. Ne isključujte potrebnu funkcionalnost samo zbog bolje brojčane ocene.
5. Ponovite proveru sadržaja, navigacije i formi na telefonu i računaru.

Kako proceniti poslovni efekat?

Popravljena brzina sama po sebi ne dokazuje rast upita. Potrebno je odvojeno pratiti uspešne prijave, kvalitet kontakata i izvore poseta, uz odgovarajuća podešavanja privatnosti. Google objašnjava da dobri Core Web Vitals rezultati nisu garancija vrha pretrage.

Za postojeći sajt pošaljite problematičan URL i opis uređaja kroz održavanje sajta. Ako se menja i struktura, obim procene treba povezati sa planom redizajna.