Core Web Vitals objašnjeno jednostavno: LCP, INP i CLS

Core Web Vitals su tri Google-ove metrike koje mere kako korisnik doživljava učitavanje i korišćenje stranice: LCP meri koliko brzo se pojavi glavni sadržaj, INP koliko brzo stranica reaguje na klik ili dodir, a CLS da li se elementi pomeraju dok čitate. Deo su signala o iskustvu na stranici koje Google uzima u obzir pri rangiranju, ali je njihov još važniji efekat na posetioce: spor i „nemiran“ sajt gubi upite. U nastavku objašnjavamo svaku metriku bez tehničkog žargona.

Šta su Core Web Vitals i zašto su važni

Zamislite da ulazite u radnju. Prvo vas zanima da li su vrata otvorena i da li vidite robu (LCP). Zatim, kada pitate prodavca nešto, očekujete da odmah odgovori (INP). I na kraju, ne želite da vam police klize ispod ruke dok nešto uzimate (CLS). Core Web Vitals prevode baš ta tri osećaja u brojeve.

Važno je razumeti i ograničenje: odličan rezultat neće izvući slab sadržaj na prvu stranu Google-a. Relevantan sadržaj i dalje ima prednost. Ali kada su dva sajta slična po kvalitetu, brži i stabilniji ima bolju poziciju, a sigurno i bolju konverziju.

Tri metrike, jednostavno objašnjene

Vrednosti između „dobro“ i „loše“ Google označava kao one koje treba poboljšati. Ocena se računa tako da bar 75% poseta ima dobar rezultat, što znači da sajt mora biti brz i kod posetilaca sa slabijim telefonima i sporijom mrežom, ne samo na vašem računaru.

LCP: koliko brzo se vidi ono bitno

Najveći element je obično naslovna fotografija, baner ili veliki blok teksta na vrhu. Ako se on pojavi posle četiri ili pet sekundi, posetilac gleda u prazan ili polu-učitan ekran. Najčešći krivci su prevelike slike, spor hosting i skripte koje blokiraju prikaz.

INP: koliko brzo sajt odgovara

INP je 2024. godine zamenio stariju metriku FID. Meri kašnjenje između klika, dodira ili pritiska tastera i trenutka kada se na ekranu vidi odgovor. Kada otvorite meni ili kliknete „Dodaj u korpu“, a ništa se ne desi pola sekunde, to je loš INP. Uzrok je gotovo uvek previše JavaScript-a koji zauzima pregledač.

CLS: da li stranica stoji mirno

Svima se desilo: krenete da kliknete na link, a u tom trenutku se iznad učita baner i vi kliknete na nešto sasvim drugo. To je pomeranje rasporeda. Nastaje kada slike, reklame ili fontovi nemaju rezervisan prostor pre učitavanja.

Kako izmeriti Core Web Vitals

PageSpeed Insights

Najlakši početak je besplatni alat PageSpeed Insights. Unesete adresu stranice i dobijate dve vrste podataka:

• podatke sa terena (stvarni korisnici Chrome-a u poslednjih 28 dana), koji se prikazuju samo ako stranica ima dovoljno poseta;
• laboratorijski test (simulacija učitavanja), koji uvek postoji i daje konkretne preporuke šta popraviti.

Za ocenu Core Web Vitals merodavni su podaci sa terena. Laboratorijski skor od 0 do 100 je koristan za dijagnostiku, ali nije isto što i prolazna ocena. Takođe, laboratorijski test ne može direktno da izmeri INP, pa umesto njega prikazuje srodnu metriku Total Blocking Time.

Google Search Console

U Search Console postoji izveštaj o Core Web Vitals metrikama koji grupiše slične stranice i pokazuje koliko adresa je dobro, a koliko traži poboljšanje, odvojeno za mobilne uređaje i računare. Prednost je što vidite ceo sajt, a ne samo jednu stranicu. Ako tek počinjete sa ovim alatom, pogledajte vodič za Google Analytics 4 i Search Console.

Savet: uvek gledajte prvo mobilne rezultate. Oni su gotovo uvek lošiji, a Google sajt ocenjuje prvenstveno na osnovu mobilne verzije.

Tipične popravke za svaku metriku

Kako popraviti LCP

• smanjite i kompresujte slike, koristite moderne formate kao što je WebP (više u tekstu o optimizaciji slika);
• ne koristite lazy load za glavnu sliku na vrhu stranice, jer se ona mora učitati odmah;
• pređite na brži hosting i uključite keširanje;
• odložite učitavanje skripti koje nisu potrebne za prvi prikaz.

Kako popraviti INP

• izbacite dodatke i skripte koje ne koristite (česti su u WordPress temama);
• ograničite spoljne skripte: čet vidžete, pop-up alate, višestruke kodove za praćenje;
• izbegavajte teške „page builder“ teme koje učitavaju mnogo koda na svaku stranicu.

Kako popraviti CLS

• svakoj slici i video snimku zadajte širinu i visinu;
• rezervišite prostor za banere, obaveštenja o kolačićima i ugrađeni sadržaj;
• učitavajte fontove tako da zamena fonta ne pomera tekst.

Ako je vaš sajt na WordPress-u, veliki deo ovih koraka opisan je u vodiču kako ubrzati WordPress sajt.

Koliko se truditi oko rezultata

Cilj nije skor 100 u laboratorijskom testu, već zeleni rezultati kod stvarnih korisnika. Posle izmena budite strpljivi: podaci sa terena se računaju za poslednjih 28 dana, pa poboljšanje u izveštajima postaje vidljivo tek posle nekoliko nedelja. Prioritet dajte stranicama koje donose najviše poseta i upita, a ne svakoj pojedinačnoj adresi.

Korisno je i da merenje postane navika, a ne jednokratna akcija. Svaki novi dodatak, čet vidžet, kod za oglašavanje ili velika fotografija na početnoj može da pokvari rezultat koji ste teško postigli. Zato posle svake veće izmene ponovo pokrenite PageSpeed Insights za ključne stranice i jednom mesečno pogledajte izveštaj u Search Console. Ako se broj stranica u crvenoj zoni poveća, lakše je pronaći uzrok dok je izmena sveža nego mesecima kasnije.

Zaključak

Core Web Vitals svode iskustvo posetioca na tri pitanja: da li se sajt brzo pojavi, da li brzo reaguje i da li stoji mirno. Merite ih u PageSpeed Insights za pojedinačne stranice i u Search Console za ceo sajt, a najčešće rešenje su lakše slike, manje skripti, dobar hosting i rezervisan prostor za elemente.

Svaki sajt koji izrađujemo pravimo sa brzinom na umu, a SEO optimizacija je uključena u cenu. Ako vaš sajt ima crvene rezultate, zatražite besplatnu analizu i ponudu i javićemo vam se u roku od 24h.