Brzina web stranice i Core Web Vitals — zašto su važni

Ako vam treba brz odgovor: brzina web stranice važna je jer izravno utječe na to hoće li posjetitelj ostati i hoće li vas Google dobro rangirati. Core Web Vitals su tri Googleova mjerila stvarnog iskustva — koliko brzo se prikaže glavni sadržaj, koliko brzo stranica reagira na klik i koliko se “trza” dok se učitava. Najveći dobitak za većinu sajtova donosi nekoliko jednostavnih poteza: smanjivanje i pravilno učitavanje slika, manje nepotrebnih skripti i dobar hosting. Ne trebate biti programer da biste razumjeli gdje gubite sekunde — trebate znati što mjeriti i kojim redom rješavati.

U nastavku objašnjavamo bez žargona što su Core Web Vitals, kako ih izmjeriti i koje izmjene donose najviše uz najmanje truda.

Zašto je brzina web stranice uopće važna?

Brzina je važna iz dva razloga: ljudi i tražilice. Posjetitelji su nestrpljivi — ako se stranica učitava predugo, dio njih odustane prije nego što išta vidi. Na mobitelu, gdje je veza često slabija, taj problem je još izraženiji. Svaka izgubljena sekunda znači manje upita, manje narudžbi i lošiji dojam o vašem obrtu.

Drugi razlog je Google. Brzina i kvaliteta učitavanja jedan su od signala koje Google koristi pri rangiranju, posebno na mobilnim uređajima. Spor sajt teže dolazi na prvu stranicu, čak i kad je sadržaj odličan. Brzina sama po sebi neće preskočiti slab sadržaj, ali kod dvije slične stranice često prevagne brža.

Ukratko: brza stranica zadržava ljude i pomaže vidljivosti. Spora ih tjera i prije nego što su saznali što nudite.

Što su Core Web Vitals?

Core Web Vitals su skup od tri mjerila kojima Google opisuje stvarno iskustvo posjetitelja na stranici. Nisu apstraktni — svaki mjeri nešto što korisnik osjeti.

LCP — koliko brzo se prikaže glavni sadržaj

LCP (Largest Contentful Paint) mjeri koliko traje da se prikaže najveći vidljivi element, obično naslovna slika ili veliki naslov. To je trenutak u kojem posjetitelj osjeti da se stranica “otvorila”. Cilj je ispod 2,5 sekunde. Najčešći krivac za loš LCP su prevelike slike i spor poslužitelj.

INP — koliko brzo stranica reagira na klik

INP (Interaction to Next Paint) mjeri koliko stranica brzo odgovori kad korisnik nešto klikne ili upiše. Ako kliknete gumb, a ništa se ne dogodi pola sekunde, to je loš INP. Dobra vrijednost je ispod 200 milisekundi. Glavni uzrok problema su teške skripte koje “zaguše” preglednik.

CLS — koliko se sadržaj “trza” dok se učitava

CLS (Cumulative Layout Shift) mjeri pomicanje sadržaja tijekom učitavanja. Svima je poznat osjećaj kad krenete kliknuti gumb, a stranica odjednom poskoči pa pogodite krivu stvar. Cilj je vrijednost ispod 0,1. Najčešće se događa kad slikama i oglasima nije unaprijed određen prostor.

Kako izmjeriti brzinu svoje stranice?

Prije nego što bilo što mijenjate, izmjerite stanje — inače popravljate naslijepo. Dva besplatna alata dovoljna su za početak.

Prvi je Google PageSpeed Insights: upišete adresu stranice i dobijete ocjenu za mobitel i računalo, zajedno s konkretnim Core Web Vitals vrijednostima i popisom problema. Drugi je Lighthouse, ugrađen u Chrome (otvorite alate za razvojne programere pa karticu Lighthouse), koristan za testiranje tijekom rada.

Važno je razlikovati dvije vrste podataka. “Laboratorijski” rezultat dobiva se simulacijom u kontroliranim uvjetima i koristan je za otkrivanje problema. “Terenski” podaci dolaze od stvarnih posjetitelja i pokazuju kako sajt radi na različitim uređajima i vezama — njih Google zapravo i gleda. Testirajte uvijek i mobilnu verziju, jer je ona najčešće sporija i Googleu najvažnija.

Što najčešće usporava web stranicu?

Kod velike većine sporih sajtova uzroci se ponavljaju. Evo onih koji najviše koštaju sekundi:

• Prevelike slike. Fotografije izravno s fotoaparata ili mobitela znaju biti više megabajta, a prikazuju se na malom prostoru. To je daleko najčešći razlog sporog učitavanja.
• Previše skripti i dodataka. Svaka skripta, animacija, chat prozorčić ili vanjski dodatak troši vrijeme. Na platformama s mnogo dodataka ovo se brzo nakupi.
• Spor ili pretrpan hosting. Jeftin dijeljeni hosting znači da dijelite resurse s mnogo drugih sajtova, što usporava odgovor poslužitelja.
• Sadržaj koji poskakuje. Slike i blokovi bez unaprijed određenih dimenzija uzrokuju “trzanje” i loš CLS.
• Nepotrebno učitavanje svega odjednom. Kad se sve slike i skripte učitavaju u prvom trenutku, umjesto tek kad zatrebaju, stranica nepotrebno usporava.

Kako poboljšati Core Web Vitals — brze pobjede

Dobra vijest je da nekoliko poteza rješava većinu problema na tipičnom sajtu obrta ili malog poduzeća. Krenite ovim redom:

1. Optimizirajte slike. Smanjite ih na dimenzije u kojima se stvarno prikazuju, spremite u moderne formate (npr. WebP) i komprimirajte. Ovo je gotovo uvijek izmjena s najvećim učinkom.
2. Učitavajte slike odgodno. Neka se slike izvan vidljivog dijela ekrana učitaju tek kad korisnik dođe do njih (tzv. lazy loading). Tako se prvi prikaz osjeti puno brže.
3. Maknite što ne koristite. Svaki dodatak, font ili skripta koju ne trebate samo usporava. Manje je doslovno brže.
4. Odredite prostor slikama i oglasima. Kad svaki element ima zadanu visinu i širinu, sadržaj prestaje poskakivati i CLS pada.
5. Razmislite o hostingu. Ako je poslužitelj spor čak i nakon optimizacije, bolji hosting ili moderniji način posluživanja stranica može donijeti veliku razliku.

Ako vam je sve ovo previše tehničko, to je sasvim u redu — upravo zato i postoje ljudi koji se time bave. Kako mi pristupamo izradi i optimizaciji sajtova možete pročitati na stranici web razvoja, a okvirne raspone cijena na stranici cjenika.

Treba li mi potpuno nova stranica ili je dovoljna optimizacija?

Ovisi o tome odakle krećete. Ako je sajt u osnovi dobar, a samo je spor, optimizacija slika, čišćenje skripti i bolji hosting često dovedu vrijednosti u zeleno bez velikog ulaganja. To je prvi korak koji preporučujemo svakome.

Ako je sajt građen na pretrpanom predlošku s desetak dodataka koji se međusobno usporavaju, ili je toliko star da se teško održava, dolazi trenutak kad je nova, lagano izgrađena stranica jeftinija i brža od beskrajnog krpanja. Često se isplati izmjeriti stanje pa donijeti odluku na temelju brojki, a ne dojma.

Često postavljana pitanja

Koliko brzo bi se web stranica trebala učitati? Cilj je da se glavni sadržaj prikaže za manje od 2,5 sekunde na mobitelu. Sve preko četiri ili pet sekundi gubi vam posjetitelje i šteti poziciji na Googleu.

Utječe li brzina stranice stvarno na Google poziciju? Da, brzina i Core Web Vitals jedan su od signala rangiranja, osobito na mobilnim uređajima. Nije najvažniji faktor, ali kod sličnih stranica često presudi.

Mogu li sam izmjeriti Core Web Vitals? Možete, i to besplatno. Upišite adresu u Google PageSpeed Insights i dobit ćete ocjenu i popis problema za mobitel i računalo. Za to nije potrebno tehničko znanje.

Koja izmjena najviše ubrza stranicu? Kod većine sajtova to je optimizacija slika. Prevelike fotografije najčešći su uzrok sporosti, pa njihovo smanjivanje i kompresija obično daju najveći skok.

Je li WordPress spor po prirodi? Nije nužno, ali velik broj dodataka i teški predlošci često ga usporavaju. Uz pažljivu optimizaciju može biti brz; lagano građene stranice u pravilu kreću s prednošću.

Niste sigurni zašto je vaša stranica spora ni gdje gubite posjetitelje? Ispunite kratki upitnik i javit ćemo vam konkretnu procjenu i prijedlog za vašu situaciju — bez obveze.