Hitrost spletne strani: zakaj je pomembna in kako jo popraviti

Zakaj hitrost šteje bolj, kot se zdi

Trije razlogi, po vrstnem redu pomembnosti:

1. Obiskovalci odhajajo. Verjetnost, da bo obiskovalec zapustil stran, se izrazito poveča, ko nalaganje preseže tri sekunde. Na mobilnem omrežju je to meja, ki jo marsikatera slovenska stran preseže že pri prvem obisku.
2. Google to meri. Core Web Vitals so del signalov za razvrščanje. Sami po sebi ne bodo dvignili slabe vsebine, so pa odločilni med dvema podobno dobrima stranema.
3. Hitrost je znak urejenosti. Stran, ki se odpre takoj, deluje profesionalno, preden obiskovalec prebere prvo besedo.

Core Web Vitals: tri meritve, ki jih Google gleda

CLS je tisti, ki obiskovalce najbolj razjezi: kliknete gumb, med tem se naloži slika, vse se premakne in kliknete oglas. Rešitev je preprosta — vsem slikam vnaprej določite širino in višino.

Kako izmeriti hitrost pravilno

• PageSpeed Insights (pagespeed.web.dev) — brezplačno, pokaže laboratorijske in resnične podatke uporabnikov. Vedno glejte mobilni rezultat, ne namiznega.
• Search Console → Core Web Vitals — kaže, kako se stran obnaša pri resničnih obiskovalcih v zadnjih 28 dneh. To je vir, ki ga Google dejansko uporablja.
• WebPageTest — za podrobno analizo, s poljubno lokacijo in hitrostjo povezave.

Deset popravkov, razvrščenih po učinku

1. Stisnite slike in uporabite WebP. Daleč največji posamični pridobitek. Fotografija, ki tehta 3 MB, lahko po pretvorbi tehta 180 KB brez opazne razlike v kakovosti.
2. Določite dimenzije slikam. Atributa width in height odpravita večino CLS težav.
3. Odložite nalaganje slik pod pregibom z loading="lazy" — a nikoli za glavno sliko na vrhu strani.
4. Odstranite vtičnike, ki jih ne uporabljate. Vsak nalaga svoj CSS in JavaScript, tudi če funkcije ne uporabljate.
5. Omejite pisave. Dve družini in največ tri debeline. Dodajte font-display: swap, da se besedilo prikaže takoj.
6. Vgradite kritični CSS. Slog za tisto, kar je vidno takoj, naj bo v sami strani; ostalo naj se naloži za tem.
7. Odložite JavaScript z defer ali async, da ne blokira prikaza.
8. Omejite zunanje skripte. Vsak piksel za sledenje, klepetalni gadget in vgrajen zemljevid stane. Zemljevid naložite šele ob kliku.
9. Vklopite predpomnjenje in stiskanje (Brotli ali gzip) na strežniku.
10. Zamenjajte gostovanje, če je počasno. Najcenejši paketi delijo strežnik z več sto stranmi. Razlika med slabim in dobrim gostovanjem je pogosto 300–600 ms.

Posebej za WordPress

Večina počasnih strani v Sloveniji teče na WordPressu, in skoraj vedno iz istih razlogov:

• Težka tema s sestavljalnikom strani. Elementor, Divi in podobni naložijo veliko kode za vsako stran. Lažja tema pogosto prinese 20–30 točk.
• Preveč vtičnikov. Nad petnajst jih je skoraj vedno preveč. Preglejte, katere resnično uporabljate.
• Slike, naložene v izvirni velikosti. Fotografija iz telefona ima 4.000 slikovnih pik širine; za stran jih potrebujete 1.200.
• Manjkajoč predpomnilnik. Vtičnik za predpomnjenje je prva stvar, ki jo je vredno namestiti.

Če ste te štiri stvari uredili in je rezultat še vedno pod 70, je verjetno čas za temeljitejšo odločitev o tehnologiji.

Koliko je realno doseči

Odkriti smo: rezultat 100 na mobilnem je pri strani z videom, zemljevidom in klepetalnim gadgetom praktično nedosegljiv, in tudi ni cilj. Realni cilji:

Pomembnejše od same številke je, da so Core Web Vitals v zelenem območju pri resničnih obiskovalcih, kar vidite v Search Console. Stran z rezultatom 78 in zelenimi meritvami je boljša od strani z rezultatom 92, ki se pri resničnih uporabnikih obnaša slabo.

Naše objavljene strani se gibljejo med 90 in 100 na mobilnem — preverite jih sami, povezave so javne.

Pogosta vprašanja