Hvorfor loadtid er vigtigere end de fleste tror
Mange virksomheder bruger tid og penge på at få besøgende til deres hjemmeside, men overser én af de mest grundlæggende faktorer: hastighed. Undersøgelser fra Google viser konsekvent, at jo længere tid en side er om at indlæse, jo flere brugere forlader den, inden de overhovedet har set indholdet. Det er ikke en marginal effekt, det er en direkte forbindelse mellem loadtid og konverteringsrate.
Derudover bruger Google sidens loadtid som en af sine rankingfaktorer. En langsom hjemmeside rangerer simpelthen dårligere end en hurtig konkurrent med tilsvarende indhold. Hvis du arbejder på at øge din hjemmesides trafik, er loadtiden noget du ikke kan overse.
Nedenfor gennemgår vi fem konkrete metoder til at reducere indlæsningstiden, med fokus på præcis, hvad du gør i praksis, og hvilke faldgruber du skal undgå undervejs.
Tip 1: Optimer dine billeder korrekt
Billeder er næsten altid den største synder, når en hjemmeside er langsom. Et enkelt ufuldstændig komprimeret billede kan sagtens fylde tre til fire megabyte, og har du ti af dem på forsiden, er problemet åbenlyst.
Vælg det rigtige format
Det første skridt er at sikre, at du bruger de rigtige filformater. JPEG egner sig til fotografier, PNG til grafik med transparens, og WebP er et modernere format, der typisk giver mindre filer end begge, uden mærkbart kvalitetstab. Mange hjemmesider bruger stadig store PNG-filer til fotografier, hvilket er en direkte fejl.
Komprimer inden upload
Komprimering bør ske, inden du uploader billedet til hjemmesiden, ikke bagefter. Værktøjer som Squoosh eller TinyPNG giver dig fuld kontrol over komprimeringsgraden, og du kan sammenligne originalen med resultatet side om side. En tommelfingerregel: forsøg at holde billeder til under 200 kilobyte uden at indholdet ser pixeleret ud.
Brug korrekte dimensioner
En faldgrube mange falder i er at uploade et billede i fuld opløsning og så lade CSS'en skalere det ned i browseren. Browseren skal stadig downloade det fulde billede, selvom det kun vises i lille format. Skalér billedet til den nøjagtige størrelse, det vises i, inden du uploader det.
Tip 2: Aktivér caching i browseren
Når en bruger besøger din hjemmeside for første gang, henter browseren alle filer: HTML, CSS, JavaScript, billeder og skrifttyper. Næste gang brugeren besøger siden, kan browseren hente disse filer fra sin lokale cache i stedet for at hente dem fra serveren igen. Det gør siden markant hurtigere for tilbagevendende besøgende.
Sådan fungerer det i praksis
Browser-caching styres via HTTP-headers, specifikt via Cache-Control og Expires-felterne. Du sætter en udløbsdato på de filer, der sjældent ændrer sig, eksempelvis logoet, skrifttyper og CSS-filer. For disse kan du trygt sætte en cache-levetid på et år eller mere.
Bruger du WordPress, kan plugins som W3 Total Cache eller WP Super Cache håndtere dette automatisk. Bruger du Shopify, er grundlæggende caching allerede integreret i platformen, men du har begrænset kontrol over headerindstillingerne.
Hvad du skal passe på
En klassisk fejltagelse er at sætte for lang cache-levetid på filer, der opdateres hyppigt, for eksempel CSS-filen, hvis du løbende justerer designet. Løsningen er cache-busting: du tilføjer et versionsnummer eller en hash til filnavnet, så browseren opfatter det som en ny fil, når du opdaterer den.
Tip 3: Minificér og saml JavaScript og CSS
Hver fil, din hjemmeside beder browseren om at hente, koster tid, uanset filens størrelse. Det skyldes, at der for hvert HTTP-request er en vis latenstid, altså ventetiden før overførslen begynder. En hjemmeside med 40 separate JavaScript- og CSS-filer bruger unødvendigt mange af disse requests.
Minificering fjerner overflødig kode
Minificering betyder, at du fjerner mellemrum, linjeskift og kommentarer fra din kode. Det ændrer ikke funktionen, men reducerer filstørrelsen. Et minificeret JavaScript-bibliotek kan let være 30-50 procent mindre end originalen. Dette gøres automatisk af build-værktøjer som Webpack, Vite eller simple WordPress-plugins.
Kombinér filer hvor det giver mening
Frem for at have ti separate CSS-filer kan du kombinere dem til én. Det reducerer antallet af requests markant. Med HTTP/2, som de fleste moderne servere understøtter, er denne gevinst dog mere begrænset end tidligere, fordi protokollen kan håndtere flere parallelle requests mere effektivt. Alligevel er det god praksis at holde antallet af filer nede.
Mange SEO-fejl handler netop om tekniske forhold som disse, der direkte påvirker, hvordan Google opfatter og rangerer din side.
Tip 4: Vælg den rigtige hostingløsning og server
Ingen mængde teknisk optimering kan kompensere for en langsom server. Serverens svartid, kaldet Time to First Byte (TTFB), er den tid, der går, fra browseren sender en forespørgsel, til den modtager de første data. Google anbefaler en TTFB på under 200 millisekunder.
Delt hosting er sjældent nok
Meget billig hosting baseres på delt hosting, hvor din hjemmeside deler serverressourcer med hundredvis af andre hjemmesider. Når andre sider på serveren oplever stor trafik, kan det påvirke din sides hastighed direkte. Overvejer du et skift, kan det være relevant at læse om, hvornår og hvorfor et website-redesign er nødvendigt, da hosting og teknisk opsætning ofte hænger sammen med en redesign-beslutning.
Overvej et CDN
Et Content Delivery Network (CDN) gemmer kopier af din hjemmesides statiske filer, billeder, CSS, JavaScript, på servere spredt ud over verden. Når en bruger besøger din side, hentes filerne fra den server, der geografisk set er tættest på dem. For en dansk hjemmeside med primært danske besøgende er gevinsten ved et CDN mere begrænset, men har du internationale besøgende, kan det halvere indlæsningstiden for disse brugere. Cloudflare er et udbredt og gratis alternativ at starte med.
Tjek TTFB med de rigtige værktøjer
Du kan måle din TTFB direkte i browserens udviklerværktøjer under fanen "Network". Find din HTML-fil i listen og se kolonnen "Waiting (TTFB)". Er den over 600 millisekunder konsekvent, bør du undersøge, om din server eller hostingplan er årsagen.
Tip 5: Udnyt lazy loading for billeder og videoer
Lazy loading betyder, at billeder og videoer kun indlæses, når brugeren er ved at scrolle ned til dem, i stedet for at alle elementer på siden hentes på én gang, når siden åbnes. For lange sider med mange visuelle elementer kan dette reducere den initiale loadtid betydeligt.
Sådan implementerer du det
I moderne browsere er lazy loading for billeder nemt at aktivere: du tilføjer blot attributten loading="lazy" til dine <img>-tags. Det ser sådan ud:
<img src="billede.jpg" alt="Beskrivelse" loading="lazy">
Det kræver ingen JavaScript og understøttes af langt de fleste browsere. I WordPress kan du aktivere lazy loading via dit performance-plugin, eller det kan være slået til som standard, afhængigt af temaet.
Vær opmærksom på billeder over folden
Den vigtigste faldgrube ved lazy loading er at anvende det på billeder, der vises øverst på siden, det såkaldte "above the fold"-indhold. Disse billeder bør indlæses med det samme, da de er synlige for brugeren med det samme siden åbnes. Sætter du loading="lazy" på et hero-billede øverst på forsiden, vil brugeren opleve, at billedet dukker op med en forsinkelse, hvilket er en dårlig brugeroplevelse og faktisk kan påvirke din Core Web Vitals-score negativt.
Mål dit udgangspunkt, inden du optimerer
Inden du begynder at ændre noget, bør du have et klart billede af, hvor din hjemmeside står i dag. Google PageSpeed Insights er et gratis og pålideligt værktøj: indtast din URL og få en score for både mobil og desktop, samt en konkret liste over, hvad der bremser siden. GTmetrix giver tilsvarende information med lidt mere teknisk detalje.
Notér dine scores, inden du ændrer noget. Det gør det muligt at vurdere præcist, hvilken effekt dine optimeringer har haft, og om du har løst de rette problemer. Loadtid-optimering er iterativt arbejde, ikke et projekt man afslutter én gang.
Hastighedsoptimering er tæt forbundet med SEO i bredere forstand. Vil du have et samlet overblik over, hvad det koster at arbejde professionelt med din hjemmesides synlighed, kan du læse vores guide til hvad SEO koster i Danmark.
Kom godt i gang
Forbedring af loadtiden er et af de tiltag, der har størst effekt på både brugeroplevelse og søgemaskineplaceringer, og mange af de vigtigste trin er mulige at gennemføre uden større teknisk ekspertise. Start med billedoptimering og mål resultatet, inden du går videre til næste punkt.
Har du brug for hjælp til den tekniske opsætning af din hjemmeside eller til at komme i gang med SEO på et mere automatiseret niveau, er du velkommen til at tage kontakt til Virko.io for en uforpligtende snak om dine muligheder.