Brzina učitavanja web stranice: vodič bez žargona (2026.)

Brzina učitavanja web stranice je razlika između posjetitelja i bivšeg posjetitelja. Ljudi na mobitelu čekaju otprilike tri sekunde; nakon toga se vraćaju na Google i klikću sljedeći rezultat. Ako se vaša stranica učitava pet, šest, osam sekundi, gubite ljude prije nego što su vidjeli i slovo vaše ponude, a Google to registrira i spušta vas u rezultatima.

Dobra vijest: sporost gotovo uvijek imaju isti krivci, i svi se daju otkloniti. Prevelike slike, hrpa dodataka, jeftin hosting i teme natrpane efektima čine devedeset posto problema koje viđamo na stranicama lokalnih firmi.

U ovom vodiču objašnjavamo Core Web Vitals ljudskim jezikom, pokazujemo kako brzinu izmjerite besplatno za dvije minute i prolazimo krivce jednog po jednog, s realnim cijenama popravka. Bez tehničkog nadmudrivanja: sve što piše dolje razumjet ćete i ako vam je “cache” do danas bio samo čudna riječ.

Zašto brzina učitavanja odlučuje o svemu

Krenimo od ponašanja ljudi, jer je ono nemilosrdnije od svakog algoritma. Posjetitelj koji je kliknuo vaš rezultat na Googleu još nije vaš: on je u fazi “da vidim”. Svaka sekunda bijelog ekrana troši njegovo strpljenje, a strpljenje na mobilnoj mreži, na suncu, s djetetom za ruku, iznosi oko tri sekunde. Google je davno objavio da vjerojatnost odustajanja raste za trećinu čim učitavanje pređe s jedne na tri sekunde, a dalje samo gore.

Drugi razlog je Google. Brzina i šire “iskustvo stranice” službeni su signali rangiranja, mjereni na stvarnim posjetiteljima kroz Core Web Vitals. Nisu najjači signal (sadržaj je i dalje kralj), ali kod izjednačene konkurencije presude. A lokalna konkurencija uglavnom i jest izjednačena: pet servisa, slične usluge, slične cijene. Brža stranica tu je prevaga koja ništa ne košta jednom kad je posložena.

Treći razlog rijetko tko spomene: sporost tiho uništava sve ostalo što plaćate. Vodite oglase? Plaćate klikove koji odustanu prije učitavanja. Ulažete u SEO? Sporost vuče nadolje sav trud oko sadržaja. Šaljete ponude WhatsAppom s linkom na stranicu? Kupac klikne, čeka, odustane. Brzina nije jedna od stavki, ona je množitelj svih ostalih.

Na zadarskom području tome dodajte sezonu. U srpnju i kolovozu vaša stranica ima najviše posjetitelja u godini, i to posjetitelja na mobilnim mrežama koje dijele s pola plaže. Upravo tada, kad svaki posjet vrijedi najviše, uvjeti su najgori. Stranica koja je “sasvim solidna” u veljači na uredskom Wi-Fiju u kolovozu na Viru postaje test strpljenja. Zato brzinu treba mjeriti i dimenzionirati za najgori scenarij, ne za prosjek.

Core Web Vitals objašnjeni ljudski

Core Web Vitals su tri Googleove mjere iskustva učitavanja. Zvuče strašno tehnički, ali svaka odgovara na jedno sasvim ljudsko pitanje. Službenu dokumentaciju imate na Googleovim stranicama za razvoj, a evo prijevoda na razumljivo:

LCP: koliko dugo čekam da vidim ono glavno

Largest Contentful Paint mjeri koliko treba da se pojavi najveći element na ekranu, obično glavna fotografija ili naslov. To je trenutak u kojem posjetitelj osjeti “aha, stranica je tu”. Cilj: ispod 2,5 sekunde. Ako vaša naslovna fotografija apartmana teži 4 MB, LCP je izgubljen slučaj i prije nego što počnemo.

INP: koliko brzo stranica reagira kad nešto kliknem

Interaction to Next Paint mjeri kašnjenje između klika (ili dodira) i vidljive reakcije stranice. Kliknuli ste izbornik, a on se otvorio pola sekunde kasnije? To je loš INP i onaj poznati osjećaj “je li ovo uopće radi”. Cilj: ispod 200 milisekundi. Najčešći krivci su preopterećene skripte i dodaci koji rade nešto u pozadini dok vi pokušavate koristiti stranicu.

CLS: skače li mi sadržaj pod prstom

Cumulative Layout Shift mjeri koliko stranica poskakuje tijekom učitavanja. Znate onaj trenutak kad krenete kliknuti “Pošalji upit”, a u tom se trenu iznad forme učita slika i vi kliknete reklamu? To je CLS. Cilj: ispod 0,1. Popravlja se tako da svaki element (posebno slike i baneri) ima unaprijed rezervirano mjesto na stranici.

Ove tri brojke Google skuplja od stvarnih posjetitelja vaše stranice (kroz Chrome) i koristi ih kao signal. Znači: ne mjeri se kako stranica radi na računalu vašeg dizajnera, nego kako radi na mobitelima vaših gostiju. Zato test iz sljedećeg poglavlja gledajte prvenstveno kroz mobilne rezultate.

Kako testirati brzinu učitavanja web stranice

Trebat će vam dvije minute i nula eura. Googleov službeni alat je PageSpeed Insights i radi ovako:

1. Upišite adresu stranice

   Otvorite pagespeed.web.dev, zalijepite adresu svoje stranice i kliknite Analyze. Pola minute kasnije imate izvještaj. Testirajte i početnu i jednu-dvije važne podstranice, jer se razlikuju.

2. Prvo pogledajte karticu za mobilne uređaje

   Alat prikazuje odvojene rezultate za mobitel i računalo. Mobilni je stroži i mobilni je bitan: po njemu vas mjeri i Google i većina posjetitelja. Rezultat za računalo služi uglavnom za tješenje.

3. Pročitajte gornji dio: stvarni korisnici

   Ako stranica ima dovoljno prometa, na vrhu ćete vidjeti “procjenu Core Web Vitals” iz stvarnih posjeta u zadnjih 28 dana. To je najvažniji dio izvještaja, važniji od ocjene ispod njega.

4. Zatim ocjenu i popis prilika

   Brojka 0–100 je laboratorijska simulacija. Ispod nje alat izlistava konkretne probleme: prevelike slike, blokirajuće skripte, spor odgovor servera. Taj popis je vaš plan popravaka, već posložen po učinku.

5. Ponovite test nakon svake promjene

   Uveli ste novi dodatak, promijenili temu, ubacili galeriju? Test. Tako odmah vidite što je pomoglo, a što odmoglo, umjesto da nagađate za pola godine.

Laboratorij i teren: zašto se brojke razlikuju

Često pitanje: “Alat mi daje 90 na računalu, a stranica je i dalje spora na mobitelu, kako?” Zato što PageSpeed prikazuje dvije različite stvari. Laboratorijski rezultat (ona ocjena 0–100) je simulacija: robot učita stranicu u kontroliranim uvjetima i izmjeri. Terenski podaci (Core Web Vitals na vrhu izvještaja) dolaze od stvarnih ljudi, s njihovim mobitelima i mrežama.

Za vas je hijerarhija jednostavna: terenski podaci su istina, laboratorij je dijagnostički alat. Ako su terenski podaci zeleni, a ocjena 65, u redu ste: stvarnim posjetiteljima stranica radi dobro. Ako je ocjena 95, a teren crven, imate problem koji simulacija ne vidi, najčešće spor hosting u trenucima gužve ili posjetitelje na slabim mrežama.

Manje stranice bez puno prometa terenske podatke neće ni imati, jer Google treba dovoljan uzorak posjeta. Tada se ravnajte po laboratorijskoj ocjeni za mobilni uređaj i po vlastitom opipu, uz pravilo: mobilna ocjena iznad 80 je dobra, 60–80 upotrebljiva uz popravke, ispod 60 znači da gubite posjetitelje svaki dan.

Još jedan detalj koji zbunjuje: ocjena varira od testa do testa, i po pet-deset bodova. To je normalno, simulacija ovisi o trenutnom opterećenju i mreži. Zato nikad ne donosite zaključke iz jednog mjerenja: pokrenite test dva-tri puta i gledajte prosjek, a promjene ocjenjujte tek kad su veće od tog prirodnog ljuljanja.

Najčešći krivci za sporu stranicu

Kad nam stigne spora stranica na pregled, krivca gotovo uvijek nađemo na ovom popisu. Poredani su po učestalosti, od najčešćeg. Prije nego što krenete čitati, otvorite svoj PageSpeed izvještaj u drugom prozoru: uz svaki opis dolje lako ćete prepoznati javlja li se taj problem i kod vas, jer alat većinu njih imenuje gotovo istim riječima.

1. Slike: prve na tapeti, uvijek

Fotografija snimljena mobitelom teži 3–8 MB. Za web treba dvadeset do trideset puta manje. Kad na stranicu stavite deset takvih fotografija ravno s telefona, posjetitelj na mobilnoj mreži preuzima desetke megabajta da bi vidio galeriju. Rješenje: slike prije objave smanjiti na potrebnu veličinu prikaza, spremiti u moderni WebP format (cilj: 100–300 KB po slici) i uključiti “lijeno učitavanje”, da se slike niže na stranici učitavaju tek kad posjetitelj doskrola do njih.

2. Dodaci (pluginovi): svaki nešto košta

WordPress stranice s vremenom obrastu dodacima: klizač otuda, galerija odonud, tri dodatka za stvari koje više nitko ne koristi. Svaki dodatak dodaje svoje skripte i stilove koji se učitavaju na svakoj stranici, trebali se tamo ili ne. Viđali smo stranice s četrdeset aktivnih dodataka od kojih posao radi deset. Rješenje: inventura. Sve što ne služi ničemu konkretnom, van. Za ono što ostaje, provjeriti postoji li lakša zamjena.

3. Hosting: temelj koji se ne vidi

Hosting od tri eura mjesečno znači da vaš web dijeli server sa stotinama tuđih stranica. Dok je mirno, radi. U srpnju u 21 sat, kad su sve turističke stranice na istom serveru pod opterećenjem, vaš “odgovor servera” s pola sekunde naraste na tri. To je onaj dio sporosti koji nikakva optimizacija slika ne može popraviti. Rješenje: pristojan hosting s brzim diskovima i serverom u Europi košta 5–15 € mjesečno i to je najisplativija nadogradnja brzine koja postoji.

4. Teme i graditelji stranica: švicarski nož koji sve radi pomalo

Univerzalne teme i vizualni graditelji (page builderi) omogućuju da se stranica složi bez programiranja, ali cijena je balast: učitavaju kod za tisuću mogućnosti od kojih vi koristite dvadeset. Rezultat je stranica koja i prazna vuče megabajte skripti. Rješenje na kratki rok: unutar postojeće teme isključiti sve što se ne koristi. Na dugi rok: lagana tema rađena za vaše potrebe, što je jedan od glavnih razloga zašto redizajn stranice često donese dvostruko brže učitavanje bez ijedne izgubljene funkcije.

5. Vanjske skripte: gosti koji se ne žure

Chat widget, Facebook piksel, mape, video s YouTubea, booking kalendar: svaka od tih stvari poziva tuđe servere i čeka njihov odgovor. Par takvih dodataka je normalno; deset ih pretvara vašu stranicu u čekaonicu tuđih servisa. Rješenje: zadržati samo ono što donosi mjerljivu korist i učitavati to odgođeno, nakon glavnog sadržaja.

6. Nema predmemorije (cache)

Bez predmemorije server za svakog posjetitelja iznova “slaže” stranicu, kao da kuhar za svakog gosta ponovno piše recept. Dodatak za predmemoriju (kod WordPressa npr. WP Rocket ili LiteSpeed Cache) sprema gotovu verziju i poslužuje je u djeliću vremena. Ovo je popravak s najboljim omjerom truda i učinka: pola sata posla, često sekunda-dvije razlike.

7. Video pozadine i egzotični fontovi

Video koji se vrti u zaglavlju izgleda efektno na prezentaciji, a na mobilnoj mreži znači megabajti prije prvog korisnog sadržaja. Slično rade i fontovi: svaki dodatni rez pisma (obični, deblji, kurziv, pa sve to za tri različita fonta) je zasebno preuzimanje. Rješenje za video: statična fotografija na mobitelu, video samo na velikim ekranima, ako ikako. Za fontove: jedan do dva fonta, po dva reza, i to je sve što ozbiljna stranica treba. Razlika se mjeri u sekundama, a posjetitelj razliku u “osobnosti” fontova ionako ne primjećuje.

Kako ubrzati stranicu: redoslijed koji radi

Možete krenuti nasumce, ali ovaj redoslijed daje najviše rezultata za najmanje truda i novca:

• Izmjerite polazno stanje na PageSpeed Insightsu i zapišite brojke
• Uključite predmemoriju (cache dodatak) i provjerite razliku
• Smanjite i pretvorite slike u WebP, počevši od naslovnih
• Napravite inventuru dodataka i izbacite nekorištene
• Odgodite vanjske skripte (chat, pikseli) da se učitavaju zadnje
• Ako je odgovor servera i dalje spor, promijenite hosting
• Ako ni to nije dovoljno, problem je tema: razmislite o redizajnu
• Ponovno izmjerite i usporedite s polaznim brojkama

Prvih pet koraka su posao od jednog popodneva za nekoga tko zna gdje se što nalazi, i tu se u pravilu dobije najveći skok. Zadnja dva su ozbiljniji zahvati koje ima smisla raditi tek kad jeftiniji potezi ne dostignu cilj.

Jedno pravilo kroz cijeli proces: mijenjajte jednu stvar pa mjerite, ne pet odjednom. Ako uključite cache, smanjite slike i promijenite hosting isti dan, nećete znati što je od toga donijelo skok, ni što je krivo ako nešto pukne. Dosadno? Da. Ali upravo tako izbjegavate klasičnu situaciju “nešto smo radili i sad je brže-sporije, ne znamo zašto”.

Bitna napomena za WordPress: brzina se održava, ne postiže jednom. Nadogradnje, novi sadržaj i novi dodaci polako vraćaju staru težinu, pa brze stranice ostaju brze samo uz redovitu pažnju. To je jedan od razloga zašto održavanje web stranica uključuje i mjesečnu provjeru brzine, a kako smo stranice postavili na WordPressu, sve navedene optimizacije primjenjive su bez mijenjanja platforme.

Koliko brzina utječe na Google i prodaju

Budimo precizni, jer se oko ovoga puno pretjeruje u oba smjera. Brzina jest signal rangiranja, ali nije čarobni štapić: stranica bez sadržaja neće preskočiti konkurenciju zato što se učitava za sekundu. Google sam kaže da relevantnost sadržaja nosi više od iskustva stranice. Realna slika: brzina vas neće sama podići, ali sporost vas može sama potopiti.

Kod prodaje je veza izravnija i brutalnija. Svaka sekunda čekanja odsiječe dio posjetitelja, a odsjekla je upravo one koji su bili najbliže kontaktu: čovjek koji je kliknuo “kontakt” pa odustao na sporoj formi bio je vaš najtopliji potencijalni kupac taj dan. Velike studije e-trgovine mjere pad konverzije s više desetaka posto po sekundi čekanja; za lokalnu firmu to prevedeno znači: od deset ljudi koji su htjeli poslati upit, spora stranica otjera dvoje-troje prije slanja.

Za turizam dodajte i kontekst mreže: gost koji uspoređuje pet apartmana s mobitela na trajektu neće čekati vašu galeriju od 40 MB. Zato brzinu kod stranica za apartmane tretiramo kao dio ponude, ravnopravan fotografijama i cjeniku. Spora galerija je neprodana galerija.

I na kraju, brzina je usko vezana s mobilnim iskustvom u cjelini: Google stranice ocjenjuje kroz mobilnu verziju, pa se sporost i mobilne greške zbrajaju u isti minus. Taj dio smo detaljno obradili u članku zašto web stranica mora biti prilagođena mobitelu.

Koliko košta ubrzavanje web stranice

Ovisno o tome gdje je problem, realne brojke izgledaju ovako:

Kako znati što je za vas? Grubo pravilo: ako je stranica mlađa od pet godina, osnovna optimizacija i eventualno bolji hosting obično dovedu stvari u red. Ako je starija i građena na teškoj univerzalnoj temi, novac uložen u krpanje često je bačen, i računica prevagne na stranu redizajna. Sve okvire cijena držimo javno na stranici cijena izrade web stranice.

Ne znate u koju skupinu spadate? Pošaljite nam adresu kroz kontakt formu ili WhatsApp: izmjerimo, pogledamo iznutra i kažemo vam pošteno isplati li se popravljati ili je pametnije novo. Brzina je ionako prvo što sređujemo kod svake izrade web stranica u Zadru, pa znamo točno gdje tražiti.

Česta pitanja o brzini učitavanja