Langsom hjemmeside? Sådan fikser du det

En langsom hjemmeside rammer to steder på én gang: besøgende springer fra, og Google flytter dig ned. Det gode ved det er, at årsagerne sjældent er mystiske. De samme fem ting går igen på næsten hver eneste side, vi får til gennemsyn.

Her gennemgår vi dem én for én: hvad problemet er, hvordan du opdager det, og hvad du gør ved det.

Hvorfor er hastigheden så vigtig?

Hastighed er en del af brugeroplevelsen. Dine besøgende forventer, at siden er der med det samme, og hvert ekstra sekund koster tålmodighed. Det ses direkte på afvisningsprocenten.

Google måler det samme. Googlebot registrerer, hvor hurtigt din server svarer, og Core Web Vitals indgår i vurderingen af siden. To konkrete tærskler er værd at kende:

• TTFB (tiden til serverens første svar): under 800 ms er godt, over 1800 ms er dårligt.
• LCP (når sidens største element er tegnet færdigt): under 2,5 sekunder.

Inden du går videre, så mål din side. Googles PageSpeed Insights er gratis og giver dig begge tal. Uden en måling gambler du på, hvad der skal rettes.

1. Uegnet hosting

Hosting er loftet for alt andet. Uanset hvor godt din hjemmeside er bygget, kan den ikke vises hurtigere, end serveren når at svare. Det er derfor, hosting står som nummer ét her og ikke som en fodnote til sidst.

Den billigste delehøsting placerer typisk mange hundrede hjemmesider på samme server. Naboernes trafik bliver din ventetid. Kig efter tre ting: SSD- eller NVMe-diske, en nyere PHP-version og servere placeret i Danmark eller Nordeuropa, hvis det er danske besøgende, du har.

Vi hoster selv hos LimeCity, og du behøver ikke tage vores ord for hastigheden. Her er målingen af den side, du står på lige nu:

2. Manglende brug af CDN

Når nogen åbner din hjemmeside, sendes en anmodning til serveren og et svar retur. Ligger serveren i Frankfurt og brugeren i Aalborg, koster afstanden tid på hver eneste fil.

Et CDN er en række spejlede servere fordelt geografisk, så billeder, CSS og JavaScript hentes fra det nærmeste sted. Det hjælper mest, hvis du har besøgende i flere lande eller mange tunge filer. Har du udelukkende danske besøgende og en server i Danmark, er gevinsten lille, og så skal du hellere bruge kræfterne på punkt 3 og 4.

3. Uoptimeret CSS

CSS er koden, der styrer sidens udseende. Browseren kan ikke tegne siden færdig, før den har hentet og forstået den. CSS blokerer altså visningen. Derfor betaler det sig at holde den lille:

• Slå flere CSS-filer sammen til færre forespørgsler.
• Læg den CSS, der bruges øverst på siden, direkte i sidens kode, og udskyd resten.
• Fjern CSS fra plugins og temaer, som slet ikke bruges på siden.

De fleste cache-plugins kan klare det automatisk. Test altid efter ændringen, for aggressiv CSS-optimering kan ødelægge layoutet, og det opdager man først, når man kigger.

4. Store mediefiler

Det er den hyppigste og letteste gevinst. Et billede taget med en telefon fylder ofte 4-6 MB og bliver uploadet direkte. På skærmen fylder det måske 800 pixels i bredden.

• Skaler før upload. Ingen grund til at uploade 4000 px, når der vises 800.
• Brug WebP. Typisk 25-35 % mindre end JPEG ved samme kvalitet.
• Slå lazy loading til, så billeder længere nede først hentes, når der rulles.
• Undgå selvhostede baggrundsvideoer. De æder både båndbredde og batteri.

5. Unødvendige plugins

Antallet af plugins er ikke i sig selv problemet. Kvaliteten er. Ét dårligt bygget plugin, der indlæser sit eget JavaScript på hver eneste side, koster mere end ti lette.

Gennemgå listen: deaktiver det, du ikke bruger, og slet det derefter, for deaktiverede plugins fylder stadig i databasen. Hold resten opdateret. Og tag altid en sikkerhedskopi først, så du kan rulle tilbage, hvis noget knækker.

Klar til at optimere din hjemmeside?

Hastighed er ikke kun teknik. Det er den første ting dine besøgende mærker, og en af de faktorer Google regner med. Rækkefølgen er enkel: mål først, ret hostingen hvis den er flaskehalsen, og arbejd derefter nedad i listen.

Vil du have et andet par øjne på det, laver vi hastighedsoptimering som en fast ydelse: vi måler, finder flaskehalsen og retter den. Du er også velkommen til bare at skrive til os.

Ofte stillede spørgsmål