Emner / performance
Performance handler om hvor hurtigt og stabilt din hjemmeside opleves for rigtige brugere - ikke kun om en enkelt score i et værktøj. På denne emneside samler vi guides og blogindlæg der hjælper dig med at prioritere det arbejde, der faktisk flytter noget: fra serverrespons og caching til billeder, CSS, JavaScript og tredjepart.
Du kan arbejde med performance på mange niveauer. Nogle ændringer er rene konfigurationer (cache-headers, CDN, komprimering), andre kræver frontend-kode (lazy loading, code splitting, reduktion af render-blocking). Fællesnævneren er at du bør måle før og efter, helst med både feltdata og lab, så du ikke optimerer i blinde.
På hurtigere-hjemmeside.dk er performance tæt koblet til Core Web Vitals og teknisk SEO: Google bruger brugeroplevelsessignaler som en del af billedet, og langsomme sider koster typisk også konvertering og tillid. Emnesiden her giver dig en kurateret sti gennem indhold, der supplerer hinanden - forklaring først, handling bagefter.
Brug listerne nedenfor til at vælge næste læsning. Start gerne med et blogindlæg der giver overblik (fx hvorfor sider er langsomme eller hvordan lab og felt hænger sammen), og gå derefter til en guide når du er klar til konkrete trin. Ordbogen er stedet du slår begreber op, når du støder på ukendte forkortelser eller teknikker undervejs.
Når du har valgt en guide, så notér hvad du ændrer og hvordan du måler bagefter. Performance-arbejde bliver først troværdigt i organisationen, når effekten kan vises med tal - ikke kun med subjektiv “det føles hurtigere”.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Brug Transfer-Encoding - seneste guide i emnet
- Range request i praksis - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Guide
Brug Transfer-Encoding
Lær at finde ud af om din server eller reverse proxy buffer HTML-svar, og få streaming (chunked) til at flytte første visning og LCP i den rigtige retning.
Guide
Gør hero til LCP
Hvis LCP bliver en tilfældig paragraf i stedet for hero, får du både dårligere tal og en måling der ikke matcher brugerens første indtryk. Her er en konkret metode til at få hero (H1/billede) til at blive LCP – uden at snyde.
Guide
Få edge cache-hit på HTML
Mange sites har CDN, men får stadig høj TTFB fordi HTML ikke caches. Lær et praktisk workflow til at få cache-hit på offentlige sider uden at servere forkert indhold.
Guide
Undgå CLS fra fonts
Lær at undgå layout-hop (CLS) fra webfonts med font-display, fallback-strategi og korrekt preload. Guiden er til dig der vil have pæn typografi uden at ødelægge stabilitet.
Guide
Sådan fejlsøger du LCP fra start til slut
Følg en praktisk arbejdsgang til at finde årsagen til høj LCP, fra serverrespons og render blocking til billeder, prioritering og netværksrækkefølge.
Guide
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Guide
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Guide
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Guide
Brug fetchpriority og preload rigtigt på de vigtigste ressourcer
Få en praktisk guide til hvordan du bruger fetchpriority og preload på billeder, fonts og CSS uden at overstyre browseren forkert.
Guide
Forbedr INP ved at reducere JavaScript og lange tasks
Få bedre interaktivitet ved at trimme JavaScript, splitte bundles og fjerne lange tasks, der gør siden langsom at bruge.
Guide
Fix CLS
Lær hvordan du reducerer CLS med faste dimensioner, aspect ratio, stabile embeds og korrekt font loading, så siden ikke hopper under indlæsning.
Guide
Forbedr TTFB med caching, edge cache og hurtigere serverrespons
Lær hvordan du reducerer TTFB med page cache, edge cache, korrekt cache strategi og bedre serverrespons på HTML.
Guide
Lazy-load billeder korrekt uden at skade LCP og brugeroplevelse
Se hvordan du bruger lazy loading rigtigt, undgår at skade LCP og vælger de billeder der skal prioriteres tidligt i stedet.
Guide
Fjern render blocking CSS og JavaScript for hurtigere første visning
Lær hvordan du reducerer render blocking fra CSS og JavaScript, så siden viser indhold hurtigere og giver bedre FCP og LCP.
Blogindlæg
Blog
Range request i praksis
En feltguide til at spotte når browseren forsøger at bruge Range request, men ender med at få hele filer retur (200 i stedet for 206). Lær at se det i DevTools og ret fejl i proxy/CDN/origin.
Blog
Hvordan du spotter render delay
Render delay er ofte grunden til at LCP bliver 1–2 sekunder for sent, selv når TTFB ser fin ud. Her er metoden til at finde årsagen hurtigt – og vælge den rigtige type fix.
Blog
Reverse proxy og TTFB
Reverse proxy-laget kan være årsagen til høj TTFB, mystiske cache misses og 502/504-fejl. Lær hvad du skal kigge efter i headers og waterfall, og få et praktisk debug-flow.
Blog
Vary-header og caching
Vary bestemmer hvornår caches skal gemme flere varianter af samme URL (fx gzip vs brotli eller dansk vs engelsk). Lær de typiske fejl, og hvordan du tester med headers og curl.
Blog
Sådan prioriterer du hastighedsoptimering uden at spilde tid
Lær hvordan du prioriterer hastighedsoptimering rigtigt, så du starter med de ændringer der giver mest effekt på LCP, INP, CLS og TTFB.
Blog
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
Blog
Når PageSpeed score snyder
Forstå hvorfor en grøn score ikke altid betyder en hurtig hjemmeside, og lær hvad du i stedet skal kigge på, når brugerne stadig oplever siden som tung.
Blog
Cookie banner og Core Web Vitals
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
Blog
Fetchpriority, preload og preconnect
Lær hvornår fetchpriority, preload og preconnect faktisk forbedrer load, og hvornår de bare skaber mere støj og dårlig prioritering i browseren.
Blog
Hvad er Core Web Vitals? LCP, INP og CLS forklaret enkelt
Få en praktisk forklaring på LCP, INP og CLS. Lær hvad Core Web Vitals måler, hvorfor de betyder noget, og hvordan du kommer i gang.
Blog
Lighthouse vs CrUX
Forstå forskellen på Lighthouse og CrUX. Lær hvorfor labdata og feltdata kan vise noget forskelligt, og hvordan du bruger dem rigtigt.
Blog
Sådan læser du en waterfall og finder flaskehalse i load
Lær at læse en waterfall korrekt og find problemer med TTFB, LCP, render blocking og tredjepart, så du kan prioritere den rigtige optimering.
Blog
Cache-Control forklaret
Lær hvordan Cache-Control påvirker HTML, CSS, JavaScript og billeder, og få en praktisk gennemgang af caching, TTFB og klassiske fejl.
Blog
Fonts uden CLS
Se hvordan font-display, preload, fallback fonts og font metrics påvirker CLS, og lær hvordan du gør tekst stabil fra første visning.
Blog
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.