Performance 2 min. læsning

10 tips til et website, der indlæses hurtigere

Ti praktiske måder at få dit website til at indlæses hurtigere, fra CDN og billedoptimering til caching, komprimering og serverens svartid.

Hurtige websites holder længere på de besøgende og konverterer bedre. Langsomme mister folk, før det første skærmbillede overhovedet vises. Her er ti måder at gøre dit site hurtigere på.

1. Brug et content delivery network (CDN)

Et CDN gemmer kopier af dine statiske filer, fx billeder, CSS og JavaScript, på servere verden over og leverer dem fra den lokation, der ligger tættest på hver besøgende. Det forkorter den afstand, hver fil skal rejse, og tager belastning af din egen server. Sammenlign et par udbydere, og vælg en, der passer til din trafik og dit budget.

2. Optimér dine billeder

Billeder er ofte de største filer på en side. Komprimér dem, før du uploader dem, levér dem i et moderne format som WebP eller AVIF, hvor du kan, og tilpas dem til de mål, de faktisk vises i. Lazy loading udskyder billeder længere nede på siden, indtil den besøgende scroller ned til dem.

3. Skær ned på JavaScript og CSS

Fjern kode, du ikke længere bruger, og undgå at indlæse scripts på sider, der ikke har brug for dem. Build-værktøjer kan samle og trimme filer automatisk.

4. Brug browsercaching

Med cache-headers genbruger tilbagevendende besøgende de filer, de allerede har hentet, i stedet for at hente dem igen. På WordPress kan et caching-plugin sætte det op. På din egen server konfigurerer du cache-headers i webserveren.

5. Brug færre plugins

Hvert plugin kan tilføje scripts, styles og databaseforespørgsler. Fjern dem, du ikke bruger, og udskift plugins, der ikke længere vedligeholdes. Plugins uden vedligeholdelse gør sites langsommere og kan være en sikkerhedsrisiko.

6. Undgå unødvendige omdirigeringer

Hver omdirigering lægger en hel rundtur oveni, før siden begynder at indlæse. Link direkte til de endelige URL’er, og ryd op i kæder af omdirigeringer efter en migrering.

7. Slå komprimering til

Gzip- eller Brotli-komprimering gør tekstfiler som HTML, CSS og JavaScript mindre, før de sendes. De fleste webservere og CDN’er understøtter det med en enkelt indstilling.

8. Minificér din HTML, CSS og JavaScript

Minificering fjerner mellemrum og kommentarer uden at ændre, hvad koden gør. Mange build-værktøjer og CDN’er gør det automatisk.

9. Brug et responsivt design

Et responsivt layout tilpasser sig enhver skærm. Sammen med responsive billeder undgår du at sende filer i desktopstørrelse til telefoner, hvilket betyder noget på langsommere mobilforbindelser.

10. Forbedr serverens svartid

Serverens svartid er den tid, din server er om at begynde at besvare en request. Langsomme svar skyldes tunge databaseforespørgsler, manglende caching eller for lidt kapacitet. Ret dem, og overvåg svartiden løbende, så du opdager det, når den sniger sig op igen. Uptimecheck registrerer svartiden for hvert tjek og deler den op i DNS, forbindelse, TLS, server og download, så du kan se, om en ændring gjorde dit site hurtigere eller langsommere. Se oppetidsovervågning.

Konklusion

Start med billeder og caching, som som regel giver de største gevinster, og arbejd dig derefter gennem resten af listen. Mål før og efter hver ændring, og bliv ved med at måle.

Hastigheden har det med at falde igen, efterhånden som der kommer nye billeder, scripts og plugins til. Uptimechecks overvågning af sidehastighed kører Google Lighthouse hver dag på mobil og desktop, følger Core Web Vitals og sender dig en alarm, når en sides mobilscore falder under din grænse.

Prøv Uptimecheck gratis i 14 dage, uden kreditkort.

Læs videre

Monitoring 7 min. læsning

Hvad er en god svartid for et website?

Svartid er, hvor lang tid din server er om at besvare en forespørgsel, ikke hvor lang tid siden er om at indlæse. Hvad der tæller som godt, hvorfor monitorer og browsere måler forskelligt, og hvad der gør websites langsomme.

Læs

Nedetid er fortid.

Opret din første monitor på under et minut, eller se dig omkring i livedemoen først.

14 dages gratis prøveperiode · Derefter gratis med 5 monitorer · Intet betalingskort