Brzina web stranice i Core Web Vitals: zašto svaka sekunda košta

Zamislite trgovinu u kojoj morate čekati pet sekundi da se vrata otvore. Većina ljudi bi se okrenula i otišla — a upravo se to svakodnevno događa na sporim web stranicama. Googleova istraživanja pokazuju da vjerojatnost da posjetitelj napusti stranicu raste za više od 30% kada se vrijeme učitavanja poveća s jedne na tri sekunde.

Brzina više nije tehnički detalj koji zanima samo programere. Ona izravno utječe na pozicije u pretraživanju, broj upita i prodaju.

Što su Core Web Vitals?

Core Web Vitals tri su metrike kojima Google mjeri stvarno iskustvo korisnika na vašoj web stranici. Podaci se prikupljaju od stvarnih posjetitelja, putem preglednika Chrome, i dio su signala za rangiranje.

• LCP (Largest Contentful Paint) — koliko se brzo prikaže glavni sadržaj stranice. Cilj: ispod 2,5 sekunde.
• INP (Interaction to Next Paint) — koliko brzo stranica reagira na klik ili dodir. Cilj: ispod 200 milisekundi.
• CLS (Cumulative Layout Shift) — koliko se sadržaj „pomiče“ tijekom učitavanja. Cilj: ispod 0,1.

Zašto je brzina važna za posao

Brza web stranica nije samo ugodnija — ona donosi mjerljive rezultate. Posjetitelji pregledavaju više stranica, dulje ostaju i češće šalju upit ili završe kupnju. Kod web trgovina razlika je posebno vidljiva: svaka desetinka sekunde može utjecati na stopu konverzije.

Osim toga, Google ne želi slati korisnike na spore stranice. Kada su dvije stranice jednako relevantne, brža ima prednost.

Najčešći razlozi zašto je web stranica spora

U analizama web stranica koje dobivamo na doradu gotovo uvijek pronalazimo iste krivce:

• Neoptimizirane slike — fotografije od nekoliko megabajta izravno s mobitela ili fotoaparata.
• Previše dodataka (pluginova) koji učitavaju svoje skripte na svakoj stranici.
• Glomazne teme i „page builder“ alati koji generiraju mnogo nepotrebnog koda.
• Jeftin dijeljeni hosting sa sporim poslužiteljem.
• Skripte trećih strana: chat widgeti, pikseli za praćenje, ugrađeni videozapisi.
• Fontovi koji se učitavaju s više izvora i blokiraju prikaz teksta.

Kako ubrzati web stranicu

Neki su koraci brzi i jeftini, drugi zahtijevaju ozbiljnije izmjene. Počnite od onih s najvećim učinkom:

• Pretvorite slike u WebP ili AVIF i prikazujte ih u veličini koja odgovara zaslonu.
• Uključite lazy loading za slike i videozapise ispod prvog zaslona.
• Uklonite dodatke koje ne koristite i zamijenite teške alternative lakšima.
• Koristite CDN kako bi se sadržaj posjetitelju isporučivao s najbližeg poslužitelja.
• Odgodite učitavanje skripti koje nisu nužne za prvi prikaz.
• Rezervirajte prostor za slike i oglase kako se sadržaj ne bi pomicao (CLS).

Kako mi izrađujemo brze web stranice

Naše web stranice razvijamo na modernim tehnologijama poput Next.js-a, koje stranice unaprijed generiraju kao statički HTML. To znači da poslužitelj ne mora ništa „računati“ kada netko otvori stranicu — ona se isporučuje gotovo trenutačno, s najbližeg poslužitelja. Slike se automatski optimiziraju za svaki uređaj, a fontovi se učitavaju lokalno.

Rezultat su web stranice koje se učitavaju za manje od sekunde i u PageSpeed Insights testovima redovito postižu ocjene iznad 90.

Provjerite svoju web stranicu za dvije minute

Otvorite PageSpeed Insights, unesite adresu svoje web stranice i pogledajte rezultate za mobilnu verziju. Ako je ocjena ispod 50 ili je neka od Core Web Vitals metrika crvena, vaša stranica vjerojatno svaki dan gubi posjetitelje.

Pošaljite nam poveznicu — besplatno ćemo analizirati rezultate i reći vam što konkretno treba popraviti.