Zašto je brzina web stranice važna (i kako ubrzati sajt)

Brzina web stranice nije tehnički detalj za programere, nego poslovni pokazatelj koji izravno utječe na prihod i vidljivost. Spor sajt tiho gubi posjetitelje prije nego što ugledaju vašu ponudu, a Google to primjećuje. Dobra je vijest da se brzina mjeri i da se gotovo uvijek može popraviti ciljanim zahvatima.

Pojasnimo prvo pojmove. Brzina stranice nije jedan broj, nego skup mjera: koliko brzo se prikaže glavni sadržaj, koliko brzo stranica odgovori na klik i koliko se vizualno „trese" tijekom učitavanja. Ti pokazatelji opisuju ono što korisnik stvarno osjeti, a ne samo trenutak kad server pošalje prvi bajt. Upravo zato ih Google koristi kao mjeru iskustva.

Koliko brzina utječe na posjetitelje i prodaju?

Utjecaj je velik i mjerljiv. Prema Googleu, 53% korisnika mobitela napušta stranicu koja se učitava dulje od 3 sekunde (Think with Google, 2016.–2017.). Polovica vašeg prometa može otići prije nego što uopće vidi sadržaj zbog kojeg je došla.

Sporost se izravno preslikava na konverzije. Studija tvrtke Portent na više od 100 milijuna pregleda pokazala je da web trgovina koja se učita za 1 sekundu konvertira 2,5 puta bolje od one koja se učita za 5 sekundi. Razlika između naizgled sličnih vremena učitavanja zapravo je razlika u prihodu.

Ne treba ni velik skok. Deloitteova studija za Google pokazala je da je ubrzanje od samo 0,1 sekunde podiglo konverzije u maloprodaji za 8,4%, prosječnu vrijednost narudžbe za 9,2%, a konverzije u putovanjima za 10,1% (Deloitte, „Milliseconds Make Millions", 2020.). Za veću tvrtku s puno prometa, desetinka sekunde znači ozbiljan novac.

Što su Core Web Vitals (LCP, INP, CLS)?

Core Web Vitals su tri Googleove mjere stvarnog iskustva korisnika. U 2024. samo je 43% sajtova prošlo Core Web Vitals na mobitelu, naspram 54% na desktopu (HTTP Archive, Web Almanac 2024). Drugim riječima, većina weba na mobitelu i dalje ima prostora za napredak.

Svaka od tri mjere opisuje drugi dio doživljaja stranice. Lako ih je zapamtiti kroz pitanje na koje odgovaraju: koliko brzo vidim, koliko brzo reagira i koliko je stabilno.

LCP - Largest Contentful Paint

LCP mjeri koliko brzo se prikaže najveći vidljivi element stranice, obično naslovna slika ili glavni naslov. To je trenutak kad korisnik osjeti da se stranica „dogodila". Najčešće ga usporavaju teške slike i spor odgovor servera.

INP - Interaction to Next Paint

INP mjeri koliko brzo stranica vidljivo odgovori na interakciju, primjerice na klik ili dodir. Visok INP znači da korisnik klikne, a ništa se ne dogodi na trenutak. Glavni krivac su teške skripte koje blokiraju glavnu dretvu preglednika.

CLS - Cumulative Layout Shift

CLS mjeri vizualnu stabilnost: koliko se sadržaj pomiče dok se učitava. Svatko je barem jednom htio kliknuti gumb koji je u zadnji čas „odskočio". Najčešći uzroci su slike i oglasi bez zadanih dimenzija te fontovi koji kasno stignu.

Utječe li brzina na Google rangiranje?

Da, izravno i neizravno. Google potvrđuje da su signali korisničkog iskustva, uključujući Core Web Vitals (LCP, INP, CLS), dio sustava za rangiranje (Google Search Central). Brzina ne nadjačava kvalitetan sadržaj, ali kad se dvije slične stranice natječu za isti pojam, brža obično pobjeđuje.

Postoji i neizravan učinak. Što posjetitelji brže odustaju, to Googleu šaljete slabije signale o korisnosti stranice. A odustaju strmo: vjerojatnost napuštanja raste oštro s vremenom učitavanja.

Brojke govore same za sebe. Kad učitavanje poraste s 1 na 3 sekunde, vjerojatnost napuštanja raste 32%; s 1 na 5 sekundi raste 90%, a s 1 na 10 sekundi čak 123% (Think with Google, 2017.). To je istovremeno izgubljen posjetitelj i slabiji SEO signal, dvostruki gubitak iz istog uzroka.

Kako ubrzati web stranicu? (praktično)

Dobra vijest: najveći dobici dolaze iz nekoliko predvidljivih područja. Budući da i 0,1 sekunde mjerljivo mijenja konverzije (Deloitte, 2020.), svaki od koraka u nastavku ima izravnu poslovnu vrijednost. Krenite od onoga što daje najviše uz najmanje truda, a to su gotovo uvijek slike.

Optimizirajte slike

Slike su obično najveći pojedinačni teret stranice. Koristite moderne formate poput WebP-a, kompresirajte ih, postavite točne dimenzije i uključite lazy-load da se slike izvan ekrana učitavaju tek kad zatrebaju. Ovaj jedan korak često prepolovi težinu stranice.

Uzmite brz hosting i CDN

Spor server kvari i najbolje optimiziranu stranicu jer odgađa prvi odgovor. Birajte kvalitetan, brz hosting, a za publiku u više zemalja dodajte CDN koji poslužuje datoteke s lokacije bliže korisniku. Razlika u udaljenosti mjeri se u stotinama milisekundi.

Uključite caching

Caching sprema gotove verzije sadržaja pa se ne grade iznova na svaki posjet. Predmemoriranje u pregledniku i na serveru drastično ubrzava ponovljene posjete i rasterećuje server. Za stranice koje se rijetko mijenjaju ovo je jedan od najjednostavnijih velikih dobitaka.

Smanjite broj skripti i dodataka

Svaka skripta, font i vanjski dodatak ima cijenu u brzini, a teške skripte izravno kvare INP. Maknite ono što ne koristite, spojite preostalo i odgodite učitavanje nebitnog. Manje koda znači brži i stabilniji sajt te manje stvari koje se mogu pokvariti.

Minificirajte i izbjegavajte teške buildere

Minifikacija uklanja nepotrebne znakove iz CSS-a i JavaScripta pa se datoteke brže prenose. Uz to, teški vizualni builderi često generiraju glomazan kod koji usporava stranicu. Čišća, lakša izvedba gotovo uvijek pobjeđuje pretrpanu.

Vrijedi spomenuti i strukturni izbor: jedan od najsigurnijih načina da dobijete brz sajt je da krenete od lagane podloge. O tome smo pisali u tekstu statična vs WordPress/Joomla, gdje uspoređujemo pristupe po brzini, SEO-u i sigurnosti.

Spor sajt vs brz sajt: što se mijenja?

Razlika između sporog i brzog sajta nije estetska, nego poslovna. Ista četiri pokazatelja koja smo prošli, vrijeme učitavanja, napuštanje, konverzije i SEO, mijenjaju se u istom smjeru kad ubrzate stranicu. Evo kako to izgleda na jednom mjestu.

Česta pitanja