Du kender det sikkert allerede. Du har klikket dig ind på en hjemmeside, og du venter på at kunne bruge den. Og venter. Hvis siden ikke er klar stort set med det samme, får vi lyst til at forlade siden igen. Et enkelt sekund kan have store betydninger for din trafik og evne til at konvertere. Derfor skal du arbejde med hastighedsoptimering.
Hastighed er blevet min kæphest – og med god grund
On-page performance og load-tider bliver ofte negligeret fremfor store billeder, smarte widgets og diverse standard scriptpakker. Mange får heller ikke kigget på mobilvarianten af sitet, der ofte tynges af store billeder.
Dette på trods af, at hastighed bliver evigt vigtigere i performance marketing. Ikke kun i forhold til SEO og placeringer, men også landingpage experience, der påvirker de betalte annoncer, samt konverteringer. Så hvis du arbejder med konverteringsoptimering, bør du også kigge på hastighedsoptimering.
Allerede før brugeren kommer ind på din hjemmeside, har sidens page speed påvirket dine resultater. Optimerede sider foretrækkes af Google, fordi det er med til at påvirke brugeroplevelsen positivt. For de organiske resultater kommer det til udtryk igennem bedre placeringer.
Bedre placeringer giver typisk flere kliks og større synlighed. Er din hjemmeside afhængig af organisk trafik, bør hastighed være meget højt på ønskesedlen – og prioriteringslisten.
Konverteringer påvirkes med op til 20% uanset kanal, hvis der bare er et sekund ekstra i load-tid. Bounce raten påvirkes også. Desuden skaber det et dårligt image for dit brand – har kunden først opgivet sit køb én gang, er det de færreste kunder, der kommer igen og giver dig en anden chance.
Hvis du vil se industri-benchmarks for mobilhastighed, kan du gøre det via linket - dog kun for USA, Tyskland, Japan og England lige nu.
I de fleste tilfælde er resultaterne dermed til at føle på, hvis du arbejder aktivt med hastighedsoptimeringer.
Hvor starter man med hastighedsoptimering?
Der er mange muligheder at teste hastigheder på. Googles PageSpeed Insights er gratis og baserer data på Lighthouse-teknologien, der henter reelle data ind gennem Chromium browsere. Der er til gengæld ikke mulighed for tilpasning af geografi.
Pingdom og GTmetrix tillader, at du tester fra London og Frankfurt (tætteste placeringer i skrivende stund), men koster også lidt. WebPageTest er også gratis og tilbyder geo-testing, men det er ikke så brugervenligt mht. anbefalinger.
Uanset hvad du vælger som et go-to værktøj er det vigtigt at holde dig til én sandhed. Vælg det værktøj, der udfylder dine behov og budgetter bedst, og hold dig til det i dine optimeringsprojekter.
Første gang du kører en side gennem værktøjet, kan der komme en masse tiltag frem. Det kan virke overvældende i første omgang – de betalte værktøjer går typisk i dybden, hvor Insights holder sig til mere grundlæggende optimeringsmuligheder.
Herunder er nogle af de udfordringer, vi oftest ser.
Billeder
Da responsive design-bølgen skyllede ind over os som følge af Google Mobile First update glemte rigtigt mange at kigge nærmere på den mobile oplevelse. Resultatet af dette ser vi, når vi tester hastighed på mobile enheder.
De store, flotte billeder er intet problem for en kablet forbindelse på kontor-computeren. Men for brugeren, der står på en mid-range mobiltelefon på 3G-netværk, er historien måske en anden.
Optimering af billeder:
- Udnyt komprimering
- Brug eventuelt forskellige filer til mobil og desktop
- Brug det rigtige format (Der er forskel på PNG, JPEG og Webp)
Hvis du vil læse mere om optimering af billeder, er der en god guide til image optimization hos Google Developers.
Browser caching
Alt for mange elementer udløber for tidligt, så de skal hentes forfra, når din kunde besøger hjemmesiden igen. I langt de fleste tilfælde kan cachetiden sagtens sættes op og hjælper derigennem til at få hentet siden hurtigere for dine genbesøgende. Det giver en bedre oplevelse for dine trofaste kunder.
Optimering af browser cache:
- Alle helt statiske elementer (logoer, stylesheets, etc.) kan med fordel sættes til et år
- Dynamiske elementer, der bliver udskiftet løbende (typisk produkter), kan sættes til en uge
Scripts
Det kan ofte betale sig at arbejde med både CSS og JS på sitet. Script-optimering bliver typisk mere relevant, jo større og mere komplekst et site, du har.
Er der site-wide script-pakker, der kun bruges på enkelte sider? Er der beregnere, eller effekter der blokerer resten af siden? Bruges der uhensigtsmæssigt meget tid på at hente og parse dem?
Arbejdet med scripts kan være besværligt og kræver ofte hjælp fra en udvikler – men det er en investering, der er med til at skabe fordelen overfor dine konkurrenter, der ikke investerer i teknisk SEO.
Optimering af scripts:
- Implementér Gzip-kompression
- Minify CCS, HTML og JavaScript
- Auditér for render-blocking JS
Server
Serveren kan være en skjult hindring for din performance. Det er efterhånden billigt at få sin hjemmeside hostet, men kvaliteten kan også være derefter.
Den optimale responstid for serveren er 200 ms eller under. Har du styr på, hvor din server fysisk er placeret? Nogle gange er den end ikke på samme kontinent som dine kunder. Er den hurtig nok til at håndtere elementerne på din hjemmeside?
Optimering af server:
- Vælg en server tæt på dine kunder
- Bekræft, at den kan håndtere alle dine elementer (beregner, scripts, etc.)
- Har din hjemmeside allokeret nok ressourcer fra den? (båndbredde og plads)
Det er dog altid en god ide at kende til placeringen af ens servere - ikke kun i forbindelse med hastighedsoptimering.
Få de bedste load-tider og god page speed
Udvikleren er din bedste ven, når der skal optimeres for hastighed. Ofte kræver det ændringer i kildekoden eller CMS for at opnå det bedste resultat, ligesom det også er en løbende indsats.
Løb forsiden og de kritiske sider igennem et hastighedsværktøj, og tag dialogen med din udvikler om scripts, beregnere og de mere avancerede tiltag, såsom lazy load, deferring og prefetch.
Der er et hav af muligheder for at optimere på hastighed, og korrekt optimering giver en meget vigtig konkurrencemæssig fordel med hensyn til både synlighed og konverteringer.
