Web stranice

Brzina weba i Core Web Vitals: praktični vodič za vlasnike tvrtki

Google mjeri koliko brzo se vaša stranica učitava, koliko brzo reagira i koliko je stabilna. Što znače LCP, INP i CLS i kako ih popraviti bez previše tehnike.

3 min čitanja

PageSpeed Insights rezultat 99 i Core Web Vitals

Svaka sekunda čekanja košta. Posjetitelji na mobitelu brzo odustaju od stranice koja se sporo otvara, a Google brzinu i korisničko iskustvo uzima u obzir pri rangiranju. Zato je upoznao mjere nazvane Core Web Vitals.

Tri mjere koje trebate poznavati

  • LCP (Largest Contentful Paint): koliko brzo se prikaže najveći element na ekranu, obično naslovna slika ili naslov. Dobar rezultat je do 2,5 sekunde.
  • INP (Interaction to Next Paint): koliko brzo stranica reagira kad nešto kliknete ili dodirnete. Dobar rezultat je do 200 milisekundi.
  • CLS (Cumulative Layout Shift): koliko se sadržaj „pomiče" dok se stranica učitava. Znate onaj trenutak kad htjednete kliknuti gumb, a on skoči? Dobar rezultat je ispod 0,1.

Kako provjeriti svoju stranicu

Otvorite Googleov alat PageSpeed Insights i upišite adresu weba. Gledajte rezultate za mobitel, jer većina posjetitelja dolazi s mobitela, a mobilni rezultati su obično lošiji. Ako imate Google Search Console, izvještaj o Core Web Vitalsima pokazuje stanje svih stranica.

Najčešći uzroci spore stranice

  1. Prevelike slike. Fotografija od 5 MB izravno s fotoaparata na webu nema što tražiti. Moderni formati poput WebP-a i AVIF-a smanjuju veličinu višestruko.
  2. Previše dodataka i skripti. Svaki widget, chat, pikseli i fontovi dodaju vrijeme učitavanja.
  3. Spor hosting. Jeftin dijeljeni poslužitelj pretrpan stranicama usporava sve ostalo.
  4. Nema predmemoriranja (cache). Stranica se svaki put gradi iznova umjesto da se posluži gotova.
  5. Elementi bez rezerviranog prostora. Slike, oglasi i bannere bez zadanih dimenzija uzrokuju skakanje sadržaja.

Brzi popravci koje možete tražiti od svog developera

  • kompresija i promjena veličine slika te lijeno učitavanje (lazy loading),
  • uklanjanje nekorištenih dodataka i skripti,
  • uključivanje predmemoriranja i CDN-a,
  • učitavanje skripti za praćenje tek nakon privole za kolačiće,
  • prelazak na brži hosting s NVMe diskovima.

Brzina nije jednokratan posao

Svaki novi dodatak, slika ili skripta može pokvariti dobar rezultat. Zato je praćenje brzine dio našeg redovitog održavanja, a svaku stranicu koju izrađujemo gradimo tako da se učitava u trenu.

Pošaljite nam adresu svog weba i besplatno ćemo provjeriti Core Web Vitals te predložiti tri najvažnija popravka. [Kontaktirajte nas](/kontakt).