Hjælp, min hjemmeside er langsom: En guide til hastighedsoptimering

Morten Lindbeck |
28 December, 2022

For nogle år siden prøvede jeg at teste hastigheden på min hjemmeside.

Ikke fordi jeg følte at den var langsom, men blot af ren nysgerrighed.

Hvor hurtigt var den egentlig?

Lad mig bare sige at jeg blev overrasket:

hastighed før

Jeps – min hjemmeside tog næsten 4 sekunder om at blive vist!

Ikke godt.

Jeg vidste at jeg blev nødt til at gøre noget.

For hvem gider at klikke sig ind på en hjemmeside der tager evigheder om at loade?

Med lys og lygte søgte jeg efter en løsning.

Og bingo!

En dag faldt jeg over en blogger der tilsyneladende vidste alt om hastighedsoptimering af WordPress hjemmesider.

Jeg sugede alt den viden til mig som jeg kunne, og implementerede alle de råd han gav mig.

Her er min hjemmesides hastighed efter at jeg havde foretaget et par mindre justeringer:

hastighed efter

1.5 sekunder.

Ikke dårligt.

Det er en forskel der er til at føle på (og for at det ikke skal være løgn, lykkedes det mig faktisk – efter nogle yderligere optimeringer – at få hastigheden under 1 sekund).

Nu er spørgsmålet selvfølgelig:

Hvad gjorde jeg for at forbedre hastigheden på min hjemmeside? Og måske endnu vigtigere: Hvordan kan du gøre det samme?

Det kommer vi til om lidt – men først er der lige en anden vigtig ting vi skal omkring…

Hvorfor er det vigtigt at din hjemmeside er hurtig?

Det åbenlyse svar er selvfølgelig at hvis den tager lang tid om at loade, vil folk klikke på tilbage-knappen (og sikkert aldrig vende tilbage).

Ingen gider en langsom hjemmeside.

Faktisk viser en undersøgelse foretaget af Google at over halvdelen af mobilbesøgende forlader en hjemmeside igen hvis den tager over 3 sekunder om at loade:

afvisningsprocent for langsom mobilside

Men der er også en anden grund til at det godt kan betale sig at forbedre hastigheden på din hjemmeside.

Kan du gætte hvad det er?

Tænke, tænke, tænke.

Jeps – hvis din hjemmeside er hurtig, vil den også have nemmere ved at opnå topplaceringer i Google.

(Dette i sig selv er grund nok til at bruge tid og kræfter på hastighedsoptimering hvis du spørger mig).

Her er hvad Google selv siger om dette:

hastighed som ranking signal

Kort sagt: Vil du have mere trafik fra søgemaskinerne (og hvem vil ikke det), er det altså en god ide at gøre noget ud af hastigheden på din hjemmeside.

Det her kunne jeg ævle om i timevis, men vi skal videre.

Her får du mine bedste fifs til at optimere hastigheden på din hjemmeside.

Installer et caching plugin

Det første jeg gjorde for at sætte turbo på min hjemmesides hastighed, var at installere et WordPress plugin der hedder WP Rocket:

wp rocket forside

WP Rocket er et caching plugin som gør alt det hårde arbejde for dig:

  • Sørger for at data som fx billeder, videoer og scripts automatisk gemmes, så siden loader hurtigere næste gange den besøges (også kaldet cache).
  • Komprimerer filerne på din hjemmeside, så de fylder mindre – på den måde vil de besøgende hurtigere se indholdet.
  • Loader først billederne når de besøgende har brug for dem. Dette kaldes også lazyloading. 

Du kunne snildt installere 2-3 separate plugins for at opnå de samme forbedringer.

Nu er WP Rocket ganske vidst ikke gratis.

Men spørger du mig, er det alle pengene værd (og mere til). Ikke mindst fordi det er utrolig nemt at sætte op og komme i gang med.

Ja, faktisk behøver du ikke gøre meget andet end at aktivere det på din hjemmeside:

wp rocket aktiveret

(Der er selvfølgelig en masse indstillinger du kan lege med hvis du vil det – men det er slet ikke nødvendigt for at se en forbedring af din hjemmesides hastighed).

Vælg et hurtigt WordPress tema

Det næste jeg gjorde, var at skifte mit gamle WordPress tema ud med et der var hurtigere.

Problemet med mange af de WordPress temaer du kan finde i dag, er at de bruger unødvendig meget kode.

Det gælder altså om at vælge et tema som ikke er for tungt.

Her er tre eksempler på hurtige WordPress temaer:

  • Astra
  • Carbonate
  • GeneratePress

Selv valgte jeg at gå med nummer to på listen ovenfor – Carbonate (som er udviklet af Matt Giovanisci):

carbonate wordpress tema

Carbonate er nok det hurtigste WordPress tema du kan opstøve.

Men det er ikke for alle.

For at kunne tilpasse designet kræver det at du har en grundlæggende forståelse for kodning.

Har du ikke det, anbefaler jeg at du vælger et af de andre temaer på listen. De er alle noget nemmere at arbejde med, selv for nybegyndere der ikke har den store erfaring med WordPress. 

Forbind din hjemmeside med Cloudflare

Ja, nu bliver det en smule teknisk.

Men bær over med mig.

Hvis du implementerer dette tip alene, vil du se en målbar forbedring i hastigheden på din hjemmeside.

(Jeg skal selvfølgelig nok prøve at gøre det så nemt at forstå som muligt).

Så hvad er Cloudflare?

Her er hvad de skriver på deres egen hjemmeside

cloudflare hjemmeside

Eller sagt med andre ord: Cloudflare er en service der både forbedrer hastigheden på din hjemmeside og beskytter den imod udefrakommende angreb.

Cloudflare er gratis at bruge (du kan dog opgradere til den betalte version hvis du vil have flere funktioner):

cloudflare funktioner

Hvordan sætter du Cloudflare op på din hjemmeside?

Jeg ville ønske at jeg kunne sige at det var super nemt og tog under 2 minutter – men har du ikke prøvet det før, kan det godt virke lidt langhåret.

Cloudflare har heldigvis lavet en trin-for-trin guide til hvordan du kommer i gang.

Tilføj side til Cloudflare

Ja, jeg ved det – den kan godt virke lidt svær at forstå.

Jeg overvejer at lave en mere udførlig guide med screenshots og en gennemgang af de indstillinger jeg selv bruger når jeg sætter en ny hjemmeside op med Cloudflare.

Selvfølgelig med et konkret eksempel, så du kan se hvordan det skal gøres i praksis.

Er dette noget du er interesseret i, er du velkommen til at skrive til mig. Så kan jeg nemmere vurdere om der er nok interesse til at det giver mening at lave.