Site speed optimering
Sidehastighed er en kritisk faktor for både SEO og brugeroplevelse. Undersøgelser viser, at 53% af mobilbrugere forlader en side, der tager mere end 3 sekunder at loade. Google bruger hastighed som rankingfaktor, og langsomme sider mister både trafik og konverteringer. Denne guide dækker de mest effektive optimeringsteknikker.
Hvorfor er site speed vigtigt?
SEO-påvirkning
Google har brugt hastighed som rankingfaktor siden 2010 for desktop og 2018 for mobil. Med Core Web Vitals er performance-målingerne blevet mere specifikke og nuancerede. Langsom hastighed kan direkte koste dig placeringer.
Brugeroplevelse og konvertering
Hver ekstra sekunds loadtid reducerer konverteringsraten med op til 7%. For e-commerce sites kan det betyde betydeligt tab af omsætning. Hurtige sider har lavere bounce rate, højere engagement og bedre konvertering.
Serveroptimering
Hosting og TTFB
Time to First Byte (TTFB) er den tid, det tager serveren at sende det første byte af svaret. En god TTFB er under 200ms. Vælg en kvalitetshosting med servere tæt på din målgruppe — for danske sites er en nordisk server optimal.
CDN (Content Delivery Network)
Et CDN distribuerer dit statiske indhold via servere over hele verden. For danske sites med international trafik er et CDN essentielt. Cloudflare tilbyder en gratis tier, der dækker de fleste behov.
Serverside caching
Implementer serverside caching for at undgå at genberegne dynamisk indhold ved hver request. Varnish, Redis og opcode caching kan reducere serverresponsen dramatisk.
Billedoptimering
Billeder udgør typisk 50-80% af en sides totalvægt. Optimering af billeder er ofte den hurtigste vej til bedre performance.
Moderne billedformater
- WebP — 25-35% mindre end JPEG med samme kvalitet
- AVIF — endnu bedre kompression end WebP, men langsommere encoding
- Brug
<picture>-elementet til at servere forskellige formater baseret på browsersupport
Responsive billeder
Brug srcset og sizes-attributter til at servere den rigtige billedstørrelse til den rigtige enhed. En mobilbruger behøver ikke et 2000px bredt billede.
Lazy loading
Implementer lazy loading med loading="lazy" for billeder under folden. Det udskyder indlæsningen af billeder, der ikke er synlige, og forbedrer den initielle loadtid.
JavaScript-optimering
Code splitting
Del din JavaScript op i mindre chunks, der kun loades, når de er nødvendige. Moderne bundlere som Webpack og Vite understøtter automatisk code splitting.
Defer og async
Brug defer eller async attributter på script-tags for at forhindre render-blokering. defer er typisk det bedste valg, da det bevarer eksekveringsrækkefølgen.
Minificering og kompression
Minificer JavaScript og CSS for at fjerne whitespace, kommentarer og forkorte variabelnavne. Aktiver Gzip eller Brotli-kompression på serveren for yderligere besparelser.
CSS-optimering
Critical CSS
Inline den CSS, der er nødvendig for at rendere above-the-fold indhold, direkte i HTML'en. Resten af CSS'en kan loades asynkront.
Fjern ubrugt CSS
Brug værktøjer som PurgeCSS til at identificere og fjerne CSS-regler, der ikke bruges. Store CSS-frameworks som Bootstrap indeholder ofte mange ubrugte styles.
Caching-strategier
Browser caching
Sæt korrekte cache-headers for statiske ressourcer. Billeder, CSS og JavaScript bør caches i lang tid (mindst 1 år) med cache-busting via filnavne eller versionsnumre.
Service Workers
For progressive web apps kan service workers cache indhold lokalt og levere lynhurtige genbesøg, selv offline.
Ofte stillede spørgsmål
Hvilken loadtid bør jeg sigte efter?
Sigt efter en LCP under 2,5 sekunder og en total loadtid under 3 sekunder. For e-commerce er endnu hurtigere tider optimale.
Hvad er den hurtigste forbedring, jeg kan lave?
Billedoptimering giver typisk den største og hurtigste forbedring. Konverter til WebP, komprimer, og implementer lazy loading.
Er et CDN nødvendigt for danske sites?
For sites, der primært betjener danske brugere, er et CDN mindre kritisk, hvis din server allerede er i Norden. Men et CDN tilbyder også DDoS-beskyttelse og edge caching, der kan forbedre performance.
Hvordan måler jeg min site speed korrekt?
Brug PageSpeed Insights for field-data og Lighthouse for lab-data. Test flere sider, ikke kun forsiden, og test på mobile forbindelser for at få et realistisk billede.