Mobile websider: Danske sider er blandt de langsommeste

Resume: Danske mobilsider ligger i bund, når det gælder indlæsningstider. Det er ikke godt, i en tid hvor tålmodigheden er mindre end nogensinde. I kan selv gøre noget for at optimere hastigheden. (opdateret 4. december 2017 med en ekstra graf)

3 sekunder. Så lang tid har I til at få noget på skærmen, når kunder eller brugere går på mobilen for at løse en opgave. Går der længere tid, så forlader de jer med stor sandsynlighed igen.

Det er de barske tal. Hvordan er virkeligheden så? Nedslående.

Danske mobilsider har faktisk nogle af de langsommeste indlæsningstider i Europa, viser en analyse fra Google.

En oversigt over indlæsningtider i Europa. Danske mobilsider er i gennemsnit 9,5 sekunder om at læse ind.
Danmark har nogle af de langsommeste mobilsider i Europa, viser en analyse fra Google.

Langsomme mobilsider frastøder folk

Når indlæsningstiden overstiger 3 sekunder, er der 53 procent sandsynlighed for, at en bruger forlader sitet.

5 sekunder og sandsynligheden stiger til 90 procent. You do the math.

Konverteringsraten stiger, når indlæsningstiden holder sig under 3 sekunder. Derefter falder den drastisk i takt med, at folk opgiver at vente på, at sitet skal læse ind.
Indlæsningstiden har stor betydning for hvor længe besøgende holder ud at vente på jer. Allerede ved 3 sekunder er konverteringsraten for nedadgående. Det betyder færre kunder i butikken, færre læsere eller flere opkald til supportlinjen. Grafik: LukeW.com

Og læg så oven i, at vi i stigende grad anvender mobilen til at gå på nettet med. Både derhjemme, på arbejde og i forretningerne. Så har vi en seriøs udfordring.

Optimer jeres indhold til mobil, teknisk og indholdsmæssigt

Hvis indlæsningstiden skal ned kræver det sandsynligvis en tur til teknikeren, da en del af processen vil involvere optimering af html, css og javascript-filer.

En overhaling af htmlkoden er som regel aldrig forkert. Mange hjemmesider er bygget efter forældede metoder med unødig meget kode. Det skal væk.

Hvis teknikerne pludselig begynder at snakke om at “gzippe”, “minificere” og “sprites”, så skal I ikke gå i panik. Det betyder nok bare, at de ved, hvad de taler om

I vil også gerne høre dem tale om Progressive Web Apps (PWA) og Accelerated Mobile Pages (AMP), men få det lige forklaret ordentligt.

Komprimer billeder og illustrationer

Der er heldigvis rigtig meget, I selv kan gøre for at komme i gang.

Komprimer jeres billeder så meget, det er muligt. Der er forskel på at downloade 700 kb eller 140 kb, især på en langsom forbindelse.

Derfor må I at vælge det mest optimale billedformat.

Om det skal være JPEG, GIF eller PNG afhænger af flere ting. GIF bruger I udelukkende til grafik og lignende, men om et foto er mest optimalt i JPG eller PNG er ikke altid til at gennemskue på overfladen.

Content Delivery Network (CDN): Send indholdet fra en server tæt på

Hvis jeres website er hostet i udlandet, eller I henvender jer til et internationalt publikum, så få et Content Delivery Network – CDN.

Et CDN kopierer webindhold ud til flere webservere, spredt over hele internettet. Når en webside kaldes, får brugeren altid den version, som er tættest på, hvor man er. Det vil nedsætte indlæsningstiden væsentligt, især hvis I har indhold, som fylder meget.

Der findes masser af udbydere og prisen er som regel ganske rimelig.

Bruger I WordPress, er det oplagt at undersøge WordPress.com’s gratis CDN, som man forbinder til gennem Jetpack.

Brug html fremfor alt

Nettet er hypertekst. Det fungerer mest effektivt når indholdet er i html. Undgå så vidt det overhovedet er muligt at lægge jeres indhold ud som PDF.

PDF er dårligt på så mange måder, men især på mobil, fordi et PDF-dokument som regel er optimeret til print og ikke til små skærme.

Så lad være med at falde for fristelsen, brug html.

Skriv til nettet – og til små skærme

Optimer jeres indhold til modtagerne. Har I mange mobile brugere, så skal I naturligvis skrive, så det kan læses på små skærme. Overhold de grundlæggende regler for godt netindhold: Skriv kort, skriv skanbart og undgå unødigheder.

Jeg kan lære jer at skrive til nettet.

Test din egen mobilhastighed

Google har et fint værktøj til at undersøge jeres indlæsningshastighed.

Du indtaster din webadresse og får en grafik som nedenstående. Men er du som de fleste, når pilen altså op i det røde område.

Netvenlig.dk kan læses ind på 3 sekunder
Indlæsningstiden for Netvenlig.dk er 3 sekunder. Det er væsentligt lavere end andre sider i it- og teleindustrien og resten af Danmark. Artikler på Netvenlig.dk indlæses via Google AMP-projekt og kan ses næsten øjeblikkeligt, når de søges i Google.

Dårlig streaming på mobilen stresser

Vi bruger mobil til stort set hvad som helst, nu om dage. Men især video er vi rigtig glade for at streame ned. Så når forbindelsen ind i mellem ryger en tur, så bliver vi stressede. Rigtig stressede.

En undersøgelse fra Ericsson ConsumerLab i 2015 viser, at det faktisk kan være mere beroligende at se en skrækfilm, end at opleve et stop i en Youtube-video.

Billedteksten læser: The level of stress caused by mobile delays was comparable to watching a horro movie
“Kognitiv belastning” er betegnelsen for mængden af information, vi kan håndtere i visse dele af hjernen. Når den kognitive belastning overstiger 0,7 anses det for meget højt og stressende. Kilde: Ericsson ConsumberLab, 2015

Blot 2 sekunders ventetid på en Youtube-video kan øge den kognitive belastning målbart, mens en ufrivillig pause når videoen er gået i gang, vil næsten fordoble stressniveauet, viser undersøgelsen.

Undersøgelsen blev i øvrigt foretaget i København, og omfattede smartphonebrugere mellem 18 -52 år.

Kilde: Ericsson Mobility Report “The Stress of Streaming Delays”, 2016 (Ikke tilgængelig på nettet)