Hitrost spletne strani je že nekaj let pomemben dejavnik pri razvrščanju vaše spletne strani v brskalniku. Še več, vsako leto njegov pomen za položaj vašega spletnega mesta raste. Kar je na začetku bila samo ena metrika za določanje, kako hitro bo oseba videla vsebino, ki jo je zahtevala, se je spremenilo v ogromen kazalnik splošne uporabniške izkušnje spletnega mesta.
Pravzaprav je Google poleti 2021 uvedel posodobitev Page Experience, da bi izboljšal svoj algoritem ocenjavanja spletnih strani – te, ki se nalagajo hitreje, hitreje dostavijo vsebino in s tem hitreje zadovoljijo potrebe uporabnika.
V tem blogu boste izvedeli:
- Kaj je hitrost strani?
- Zakaj je pomembna hitrost strani?
- Meritve hitrosti strani (tudi Core Web Vitals)
Kaj sploh pomeni hitrost spletne strani?
Hitrost strani je opredeljena kot čas, ki je potreben za prikaz celotne vsebine na določeni strani ali čas, ki je potreben, da brskalnik prejme prvi bajt spletnega strežnika (ali, če povedano z manj tehničnimi izrazi, koliko časa traja, da brskalnik prejme prvo serijo informacij s strežnika).
Vsak element strani – njegova koda HTML, CSS, ki oblikuje elemente strani, različne datoteke JavaScript, slike, videoposnetki in druga večpredstavnostna vsebina in še veliko več – vpliva na hitrost strani. Pravzaprav bo vse, od velikosti elementa (merjeno v kilobajtih) do hitrosti spletnega strežnika, na katerem gostuje, vplivalo na hitrost strani.
Hitrost strani se meri ločeno na namiznih in mobilnih napravah. To je posledica tehnoloških razlik med obema in ima poslednično različno oceno za namizne in mobile uporabnike.
Hitrost strani v primerjavi s hitrostjo spletnega mesta
Čeprav se morda zdijo podobni, hitrost strani ni enaka hitrosti spletnega mesta. Hitrost spletnega mesta je povprečje več vzorčnih strani na spletnem mestu. Hitrost strani po drugi strani opisuje, kako dolgo bo oseba čakala, da lahko začne uporabljati posamezno stran.
Zakaj je pomembna hitrost strani?
Hitrost strani je za uporabnike pomembna, saj so hitrejše strani učinkovitejše in zagotavljajo veliko boljšo uporabniško izkušnjo na strani.
Nedavne raziskave so pokazale, da če se stran nalaga dlje kot 3 sekunde, bo več kot četrtina uporabnikov zapustila spletno mesto in izbrala drug rezultat iskanja.
Hitrost strani vpliva tudi na stopnjo konverzije. Walmart.com je na primer ugotovil, da so z vsako sekundo povečane hitrosti strani opazili dva odstotka povečanja konverzije.
Toda, morda manj intuitivno, je hitrost strani pomembna tudi za optimizacijo iskalnikov (SEO).
Leta 2017 je Google napovedal, da bo hitrost strani še bolj upošteval in vključil hitrost mobilnega spletnega mesta za razvrščanje spletnih mest na svojih straneh, ki so »mobile-firste« ali strani, ki individualizirajo uvrstitev spletnih mest za mobilne naprave.
Google eksperimentira tudi s projektom Accelerated Mobile Pages Project (AMP) – projektom, katerega cilj je pospešiti nalaganje strani v mobilnih napravah.
Pred kratkim je iskalnik razširil pomen uporabniške izkušnje z uvedbo Page Experience v svoje signale razvrščanja. Novi načini razvrščanja združuje CORE WEB VITALS vrednosti z obstoječimi meritvami, kot sta “mobile friendly” in varno brskanje, da ustvari pozitivno splošno izkušnjo strani.
Namen metrik je oceniti spletne strani glede na kakovost njihove uporabniške izkušnje za ljudi. Ni treba posebej poudarjati, da je hitrost strani eden najbolj kritičnih dejavnikov, ki nanjo vpliva.
Meritve hitrosti spletne strani
Hitrost strani je zapleten dejavnik in za premagovanje kakršnih koli težav, povezanih z njo, se splača razumeti, kako se meri.
Obstaja več meritev, ki vplivajo na hitrost strani ali se nanašajo nanjo. Oglejmo si temeljne spletne vitalne vrednosti:
Largest contentful paint (LCP): To se nanaša na čas nalaganja strani. Meritev predstavljačas, ki je potreben, da se glavna vsebina strani ustrezno naloži.
First Input Delay (FIP): obravnava interaktivnost strani; First Input Delay predstavlja čas od trenutka, ko uporabnik prvič vzpostavi interakcijo z vašim spletnim mestom, do trenutka, ko se brskalnik na to interakcijo lahko ustrezno odzove.
Comulative Layout Shift (CLS): poudari primere, ko se postavitev strani nepričakovano “premakne” ali vizualno spremeni stabilnost strani. Če se stran premakne, lahko uporabniki pomotoma kliknejo napačen gumb na strani.
Tukaj je Googlov vizualni prikaz, ki prikazuje, kako se temeljni spletni podatki združujejo z drugimi dejavniki spletnega mesta, da ustvarijo signal za izkušnjo strani:
Dejavniki, ki upočasnijo stran
S temi prepričljivimi statističnimi podatki se zagotovo želite prepričati, da se vaše spletno mesto hitro nalaga. Upoštevajte nekaj načinov, kako bi se vaše spletno mesto lahko upočasnilo.
Prvič, težka stran s slikami, zlasti na spletnih mestih z odzivnimi slikami ali slikami z visokim DPI, se lahko nalaga počasi. Optimiziranje slik lahko naredi vaše spletno mesto lažje; tako jih lahko distribuira prek omrežja za dostavo vsebin (CDN), da se te datoteke upodabljajo z lokacije bližje mestu, kjer je uporabnik.
Druga težava se pojavi, če ima vaša spletna stran preveč velikih datotek, ki jih je treba prenesti.
Upodobitev preveč skriptov JavaScript bo upočasnila tudi stran. Orodje za stiskanje ali minimizacijo JavaScript zmanjša velikost prenosa.
Ali vaše spletno mesto uporablja strežniško predpomnjenje vaših strani. To shranjuje kopije vaših spletnih strani od enega tedna do enega leta za manj pogosto posodobljeno stran in lahko zmanjša vaš TTFB (čas do prvega bajta).
Neuporabljena koda, pa naj bo to CSS, JS ali drugi skripti, ki ostanejo v HTML-ju strani, prav tako poveča čas nalaganja strani.
Druga resna težava je upodabljanje skriptov prezgodaj ali prepozno. Spletni skrbniki pogosto oblikujejo svoje strani tako, da se uporabljajo šele po naložitvi celotne vsebine.
Vendar pa je za večino uporabnikov dovolj, da najprej vidi vsebino zgornjega pregiba, da začnejo uživati na strani. To daje brskalniku čas, da naloži preostanek strani (vse pod elementi pregiba), ne da bi uporabnik moral čakati.
Analiza hitrosti naših spletnih strani
Naše spletne strani v testni fazi testiramo z različnimi orodji – LightHouse ali Page Speed Insights – To je odlično orodje za pregledovanje ključnih težav z zmogljivostjo in ugotavljanje, ali napredne aplikacije na vašem spletnem mestu izpolnjujejo kvalifikacije.
Pred zaključkom projekta poskrbimo, da so naše spletne strani optimizirane za odlično uporabniško izkušnjo.
Predstavitvena spletna stran
Spletna trgovina
Spletna trgovina