Preskoči na sadržaj

Blog

Šta su Core Web Vitals i zašto Google kažnjava spore stranice

Tri broja kojima Google mjeri vašu stranicu — LCP, INP i CLS — objašnjena bez žargona: šta znače, koje su granice, zašto većina stranica u BiH pada, i kako to provjeriti za minutu.

Piše BadyCodes3 min čitanja

  • performanse
  • seo
  • core web vitals

Core Web Vitals su tri mjere kojima Google ocjenjuje koliko je stranica ugodna za korištenje: koliko brzo se pojavi glavni sadržaj (LCP), koliko brzo reaguje na klik (INP) i koliko poskakuje dok se učitava (CLS). Stranica koja pada na ovim mjerama rangira lošije od jednako dobre stranice koja prolazi — a većina stranica na šablonima i jeftinom hostingu pada.

Tri broja, bez žargona

LCP — Largest Contentful Paint. Koliko sekundi prođe dok se ne pojavi najveći element na ekranu, obično glavna fotografija ili naslov. Granica: do 2,5 sekunde je dobro, preko 4 je loše.

INP — Interaction to Next Paint. Kad korisnik klikne, koliko dugo stranica "razmišlja" prije nego što se nešto desi. Granica: do 200 milisekundi je dobro. Ovo je zamijenilo staru mjeru (FID) u 2024. i strože je.

CLS — Cumulative Layout Shift. Koliko sadržaj poskakuje dok se učitava — onaj trenutak kad hoćete kliknuti dugme, a ono se pomjeri jer se iznad njega učitala slika. Granica: do 0,1 je dobro.

Google mjeri ovo na stvarnim posjetiocima, na stvarnim telefonima, na stvarnoj mreži. Ne na vašem laptopu u kancelariji.

Zašto vas to zanima iako niste programer

Dva razloga, oba novčana.

Prvi: Google ovo koristi kao signal za rangiranje. Između dvije stranice sa sličnim sadržajem, brža ide gore. Ne odlučuje sve — ali je jedini faktor rangiranja koji možete direktno izmjeriti i popraviti.

Drugi, važniji: ljudi ne čekaju. Stranica koja se učitava pet sekundi na mobitelu izgubi značajan dio posjetilaca prije nego što išta vide. To su upiti koje niste dobili, a niste ni znali da ste ih izgubili.

Zašto većina stranica u BiH pada

Iz onoga što vidim kad mi klijenti dođu sa starom stranicom, gotovo uvijek je isti skup problema:

  • Ogromne slike. Fotografija od 4 MB stavljena direktno s telefona, gdje bi 80 KB bilo sasvim dovoljno. Ovo je uzrok broj jedan i najlakše se popravlja.
  • Page builder i previše dodataka. WordPress s Elementorom i dvadeset pluginova učitava megabajte koda prije nego što išta prikaže.
  • Jeftin dijeljeni hosting. Server koji sporo odgovara nema šta da se optimizuje sa strane stranice.
  • Skripte trećih strana. Chat widgeti, alati za praćenje, fontovi s vanjskih servera — svaki dodaje čekanje.
  • Ništa nije rezervisano. Slike bez definisanih dimenzija, pa sadržaj poskakuje dok se učitavaju.

Kako provjeriti svoju stranicu za minutu

Otvorite PageSpeed Insights, zalijepite adresu stranice, i pogledajte odjeljak "Discover what your real users are experiencing" — to su stvarni brojevi, ne laboratorijski test. Ako piše "Passed", dobro ste. Ako ne, dole ispod su tačni uzroci.

Provjerite mobilni prikaz, ne desktop. Tamo pada većina stranica, a tamo je i većina posjetilaca.

Kako ja to radim

Stranice koje gradim prolaze ove mjere jer se o tome misli od početka, ne popravlja poslije: stranica se generiše unaprijed umjesto da se sklapa pri svakom posjetu, slike se automatski smanjuju i šalju u modernom formatu, fontovi su na istom serveru kao stranica, i nema skripti trećih strana koje niste tražili. To je tehnički SEO koji uključujem u svaku stranicu — ne kao dodatak, nego kao način rada.

Česta pitanja

Može li se stara stranica popraviti da prolazi? Često da, ako je problem samo u slikama i dodacima. Ako je problem u samom šablonu ili hostingu, nova stranica je obično jeftinija od popravke. Pogledam besplatno i kažem šta je realno.

Koliko brzine je "dovoljno"? Zeleno na sve tri mjere u PageSpeed-u za mobilni. Sve preko toga je bonus koji posjetioci osjete, ali Google više ne nagrađuje.

Svi članci

Imate projekt na umu?

Javite se za besplatnu procjenu i okvirnu cijenu — bez obaveze.

Kontaktiraj me