Posjetitelj koji čeka da se stranica učita ne razmišlja o hostingu, kodu ili formatu slika. On traži ponudu, cijenu ili kontakt, a ako ih ne dobije u prve dvije do tri sekunde, vraća se na Google i bira sljedeći rezultat. Brzina je zato prvi filter koji odlučuje hoće li dizajn, tekst i ponuda uopće dobiti priliku da prodaju.
Google to mjeri jednako strogo kao i korisnik. Od 2021. brzina je dio algoritma za rangiranje kroz Core Web Vitals, a u ožujku 2024. metrika INP zamijenila je FID i postavila viši prag za interaktivnost. U ovom vodiču, koji je zamišljen kao pillar za kategoriju Performanse i brzina, objedinjujem tri teme koje zajedno čine brz web: razumijevanje Core Web Vitalsa, optimizaciju slika i ubrzanje WordPressa, svaku s poveznicom na detaljan vodič.
Zašto brzina odlučuje hoće li posjet postati upit
Brzina nije tehnička kozmetika nego poslovna metrika.
Istraživanje Googlea i SOASTA-e pokazalo je da 53% mobilnih posjetitelja napušta stranicu ako se učitava dulje od tri sekunde, a vjerojatnost napuštanja raste za 32% već kad se vrijeme učitavanja produlji s 1 na 3 sekunde. Druga često citirana analiza pokazuje da kašnjenje od jedne sekunde može smanjiti konverzije za oko 7%. Razlog je jednostavan: korisnik na mobitelu uspoređuje tri ponude u tri kartice, a najbrža pobjeđuje.
Brzina utječe i na rangiranje. Google je potvrdio da su Core Web Vitals signal za rangiranje, a podaci Chrome UX Reporta (CrUX) prikupljeni od stvarnih korisnika izravno ulaze u Search Console. Sporija stranica zato ne gubi samo živce posjetitelja nego i mjesto na tražilici.
O tome zašto brzina pogađa i SEO i korisničko iskustvo dodatno sam pisao u članku o prednostima responzivnog dizajna, gdje brzina, prilagodba i stabilnost idu zajedno.
Core Web Vitals: tri broja koji opisuju cijelo iskustvo
Core Web Vitals svode performanse na tri mjerljiva broja, s jasnim pragovima za ocjenu „dobro“:
- LCP (Largest Contentful Paint) — vrijeme do prikaza najvećeg vidljivog elementa, npr. hero slike ili naslova. Prag: ≤2,5 s.
- INP (Interaction to Next Paint) — vrijeme od interakcije (klik, dodir, unos) do sljedećeg iscrtavanja. Prag: ≤200 ms. INP je u ožujku 2024. zamijenio FID jer mjeri cijeli niz interakcija, ne samo prvu.
- CLS (Cumulative Layout Shift) — zbroj neočekivanih pomaka sadržaja tijekom učitavanja. Prag: ≤0,1.
Važna razlika je između laboratorijskih i terenskih podataka. Lighthouse i PageSpeed Insights u laboratoriju simuliraju učitavanje, dok CrUX i Search Console prikazuju stvarna mjerenja od posjetitelja. Za poslovnu odluku vrijede terenski podaci, jer pokazuju što korisnik doista doživljava na svojoj mreži i uređaju.
Svaku metriku, s primjerima i pragovima, detaljno sam razradio u vodiču za Core Web Vitals u 2026..
Najveći krivac je često slika
Prema HTTP Archive Web Almanacu, slike su i dalje najveći dio „težine“ prosječne stranice, često više od 50%. Jedna neoptimizirana fotografija od 4 MB može sama probiti LCP prag, bez obzira na hosting ili predmemoriju.
Rješenje nije manje slika nego pametnije slike:
- Format — JPEG za fotografije, PNG za grafiku s prozirnošću, WebP kao moderan univerzalni format i AVIF gdje je podržan (WordPress 6.5+ ga podržava izvorno). WebP je u prosjeku 25–35% manji od JPEG-a, AVIF još 20–30% manji od WebP-a uz istu kvalitetu.
- Dimenzije i isporuka — isporučite sliku u veličini koja se prikazuje, koristite
srcsetisizesda preglednik sam odabere rezoluciju teloading="lazy"za slike ispod pregiba. - Kompresija — sačuvajte fotografiju na 75–85% kvalitete, uklonite EXIF, stisnite bez gubitka prije prijenosa.
Cijeli postupak, s usporedbom JPEG, PNG, WebP i AVIF te koracima u WordPressu, opisao sam u vodiču za optimizaciju slika za bolje performanse.
WordPress: brzina je sustav, ne jedan plugin
WordPress ne usporava sam po sebi; usporava ga skup sitnih odluka koje se kroz mjesece slože. U kompletnom vodiču za ubrzanje WordPress stranice pokazao sam sustav od sedam poluga:
- hosting i PHP verzija kao temelj,
- predmemorija (page cache i object cache),
- optimizacija baze i revizija,
- tema i dodaci: manje, lakše, bez dupliciranja,
- CDN za statiku,
- optimizacija slika i fontova,
- mjerenje prije i poslije svake promjene.
Ključno načelo je mjeriti, ne pogađati. Svaku promjenu testirajte PageSpeed Insightsom prije i poslije i zabilježite što je pomaknulo LCP, INP ili CLS. Tako izbjegavate instalaciju pet pluginova za brzinu koji se međusobno nadmeću.
Kako mjeriti da znate gdje ste
Bez mjerenja optimizacija je nagađanje. Tri alata pokrivaju 95% potreba malog obrta:
- PageSpeed Insights — daje i laboratorijske i terenske (CrUX) podatke za URL, s dijagnostikom što koči svaku metriku.
- Lighthouse (u Chrome DevTools) — detaljna laboratorijska analiza s prijedlozima.
- Search Console → Core Web Vitals — pregled stanja za cijelu domenu, po tipu uređaja, s popisom loših URL-ova.
Mjerite uvijek u istim uvjetima, na istoj mreži i uređaju, i uspoređujte terenske podatke kroz tjedne, ne sate. Kratkoročne oscilacije su normalne, trend kroz 28 dana je prava slika.
O alatima i tumačenju izvještaja više sam napisao u vodiču za Core Web Vitals, a tehničku pozadinu indeksiranja i renderiranja objašnjava i tehnički SEO vodič.
Brza kontrolna lista prije objave
Prije nego stranicu pošaljete u promet, prođite ovih sedam provjera:
| Provjera | Alat | Cilj |
|---|---|---|
| LCP ispod 2,5 s | PageSpeed Insights (CrUX) | hero slika / naslov vidljiv brzo |
| INP ispod 200 ms | PageSpeed Insights, Lighthouse | klik na gumb reagira odmah |
| CLS ispod 0,1 | Lighthouse, Search Console | nema skakanja sadržaja |
| Slike u WebP/AVIF, stisnute | Vodič za slike | najveća slika <250 KB |
| Predmemorija aktivna | Vodič za WordPress | TTFB ispod 600 ms |
Fontovi: 2 obitelji, display=swap |
Lighthouse | nema blokiranja teksta |
| Responzivnost | Responzivni dizajn članak | sadržaj čitljiv bez zumiranja |
Ako bilo koji redak padne, vratite se na pripadajući detaljan vodič iz gornje tablice — tamo je cijeli postupak korak po korak.
Često postavljana pitanja o brzini web stranice i performansama
Što su Core Web Vitals?
Tri metrike kojima Google mjeri stvarno korisničko iskustvo: LCP (učitavanje), INP (interaktivnost) i CLS (stabilnost). Svaka ima prag za ocjenu „dobro“: LCP ≤2,5 s, INP ≤200 ms, CLS ≤0,1, mjereno na stvarnim korisnicima (CrUX).
Koliko brza treba biti web stranica?
Ciljajte da LCP bude ispod 2,5 s na mobitelu u terenskim podacima. Istraživanja pokazuju da već nakon 3 s više od polovice mobilnih posjetitelja odustaje, a svaka dodatna sekunda smanjuje konverzije.
Je li dovoljno ugraditi plugin za brzinu?
Ne. Plugin za predmemoriju pomaže, ali ne rješava prevelike slike, sporu temu ili loš hosting. Brzina je sustav: hosting + predmemorija + slike + kod + mjerenje, kako sam opisao u vodiču za ubrzanje WordPressa.
Kako ubrzati slike bez gubitka kvalitete?
Pretvorite fotografije u WebP (ili AVIF), isporučite točnu dimenziju putem srcset, stisnite na 75–85% i uključite lazy loading ispod pregiba. Detalji su u vodiču za optimizaciju slika.
Utječe li brzina izravno na SEO?
Da. Core Web Vitals su signal za rangiranje, a brzina neizravno utječe i na ponašanje (dulji ostanak, manje napuštanja), što Google također čita kao znak kvalitete. Spor web teže dolazi do prvih rezultata čak i uz dobar sadržaj.
Trebam li mjeriti na mobitelu ili desktopu?
Na oba, ali prednost dajte mobitelu. Većina prometa malih obrta dolazi s mobitela, a pragovi su isti, no mobilni uređaji i mreže su stroži test.
Zaključak
Brzina nije dodatak koji se rješava kad „bude vremena“. To je temelj na kojem ostaje ili pada svaka druga optimizacija: sadržaj se ne čita ako se ne učita, a ponuda ne prodaje ako gumb reagira presporo.
Krenite od mjerenja, zatim riješite najveći uteg (najčešće slike), pa sustav WordPressa, i na kraju provjerite Core Web Vitals u Search Consoleu. Za svaki korak imate detaljan vodič povezan u ovom pillar-u.
Trebate da netko prođe taj krug umjesto vas i vrati jasan popis što popraviti prvo? Javite mi se — pogledat ću vašu stranicu kroz isti okvir i predložiti tri prioriteta koja donose najveći pomak, bez instaliranja pet pluginova odjednom.
Izvori
- Google, Largest Contentful Paint (LCP): web.dev
- Google, Interaction to Next Paint (INP): web.dev
- Google, Cumulative Layout Shift (CLS): web.dev
- HTTP Archive, Web Almanac 2024: Performance: almanac.httparchive.org
- Chrome for Developers, Chrome UX Report (CrUX): developer.chrome.com
- Moz, How Page Speed Affects SEO: moz.com
- Moz, Beginner’s Guide to SEO: moz.com
- Search Engine Land, Core Web Vitals: A Complete Guide: searchengineland.com
- Ahrefs, PageSpeed Insights for SEOs & Developers: ahrefs.com
- Ahrefs, SEO — The Complete Guide: ahrefs.com
- Moz Blog, Latest Articles on SEO and Performance: moz.com
Podijeli članak:
