3 sekunder er alt du har, før du begynner å tape kunder. Det er ikke bare kundeopplevelsen som blir bedre med raske sider. Google vil ha mer og mer fokus på kvalitet på nettsiden – det gjør at hastighet også blir viktig for god rangering.
20 % omsetningsvikt på 0,5 sekunder
I 2006 oppdaget Google at en endring på deres nettsider førte til at innlastingstiden gikk fra 0,4 sekunder til 0,9 sekunder.
Dette medførte at deres trafikk og omsetning sank med 20 %. (1)
– Siden har dette vært mye forsket på. Bing har utført lignende tester og påvist at kun et halvt sekund ekstra påvirker resultatet. (2) og at 2 sekunder ekstra påvirker omsetningen negativt med 2,1 %, men at også brukertilfredsheten synker.
Design vs Nytte
En av de mest vanlige feilene man gjør når man etablerer sine nettsider, er at man faller for vakkert eller kult design.
Ting skal være stilrent, men det skal ikke mye til før en videobakgrunn senker nettsidens ytelse betydelig.
Det som ser stilig og kult ut kan i verste føre til en dårligere brukeropplevelse.
Hvilket bilde er størst?
Bildet til venstre er 12kb stort. Bildet til høyre er 252kb stort. Altså 20x i forskjell. Du kan klikke på bildene for å se original størrelse. (Dette eksemplet fungerer litt dårlig på mobil, siden skjermen er så smal, at begge bildene vises omtrent likt)
Det å bruke feil bildestørrelse er en av de vanligste feilene, som gjør at din nettside er treg.
En måte å forminske bilder på, er å bruke programvare, eller nettsider som tilbyr bildekomprimering.
Bildet nedenfor har vært kjørt igjennom Imagecompressor.com og har gått fra 12kb til 8kb.
Nå ser du at kvaliteten har tapt seg noe, så for 4kb så er det kanskje ikke verd det. Gevinsten er derimot større på store bilder.
Dette påvirker hastigheten negativt
Det er mange årsaker til at en nettside er treg. Her skal jeg liste opp noen:
- Mange store filer (Bilder, videoer og andre filer).
- Dårlig webserver.
- Ikke optimalisert kildekode.
- Serveren er på feil kontinent i forhold til kundene.
- Eksterne script eller andre eksterne ressurser som er trege.
Det kan være mye å hente på å lage nye raske nettsider.
Vi har opplevd å krympe nettsider med hele med 8 MB!
Søkemotorer og Google belønner raske nettsider
I ca 3 år drev vi å eksperimenterte med en nettside. Vi gjorde alle tenkelige feil, for så å gradvis bedre siden.
En av de tingene vi gjorde var å legge ut nettsiden på en amerikansk server. En god leverandør, ok server. Prisen var lav – og serveren var langt unna.
Dette gjorde vi:
- Vi flyttet fra en server i Texas, til en server i Oslo. Nærmere kundene.
- Vi optimaliserte nettsiden, halverte filstørrelsen.
Det er to ting som skjer nå som vi byttet server.
1. Serveren er lokalisert nærmere deg. (Vel om du sitter i Norge, hvor de fleste av våre lesere sitter) og
2. Datapakkene reiser ikke lenger til Texas for å hente innhold til deg. I tillegg er riktignok den nye serveren noe bedre konfigurert.
Selve byttet var umerkelig for leserne, sånn bortsett fra at siden nå er over 2 sekunder raskere.
Som dere ser på testresultatet så er ikke kvaliteten på siden 100 % perfekt. Men betydelig bedre, og nok til at brukeropplevlelsen stiger betraktelig.
"Core Web Vitals" - Google setter standarden
Google fortsetter å sette pris på nettsider av høy kvalitet. De setter noe som heter “Core Web Vitals” på agendaen. Kort sagt handler det om noen viktige målepunkter på god brukeropplevelse.
For deg som vil vite mer:
Core Web Vitals Report – Google.com
Kort oppsummert så kan man si at Google sitt fokus på dette, betyr at det også blir en faktor for å bli synlig i Google sine søkeresultater.
07.08.22 – Vi har observert at ytelse stadig blir viktigere og at sider som yter dårlig, sliter mer med indeksering. Google endrer algoritmene stadig, men bedre ytelse er aldri feil.
Videre lesing
Testverktøy
Test gjerne din egen side her. Om du kommer dårlig ut, er det bare å fylle ut skjemaet nederst på siden.
https://developers.google.com/speed/pagespeed/insights/?hl=no
Ressurser:
https://developers.google.com/web/fundamentals/performance/why-performance-matters/
Kilder
1 https://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
2 https://conferences.oreilly.com/velocity/velocity2009/public/schedule/detail/8523
