Kort fortalt: Astro, Eleventy, Hugo og Next’s output modes kan levere statiske filer. Kombinér med Brotli / gzip og HTTP/3 for hurtig levering globalt.
Hvornår vælger du SSG?
Blogs, dokumentation, marketingssider og kataloger der ikke kræver personlig HTML på første byte. Hybrid: SSG for offentlige sider, SSR for konto/dashboard.
Ulemper
Build-tid vokser med antal sider - incremental builds og edge regeneration løser dele af det. For meget client-only JS ovenpå statisk HTML kan stadig ødelægge INP via hydration .
Forudbygget HTML og forudsigelig ydelse
SSG skriver færdige HTML-filer ved build-tid. Det giver typisk fremragende TTFB på CDN og lav serverbelastning. Velegnet til indhold der ændrer sig i et kontrolleret tempo: marketingssider, dokumentation, blogs med scheduled deploys.
Når indhold opdateres ofte, skal build-tid og preview-flow kunne følge med - ellers ender redaktører med at omgå systemet med «midlertidige» Word-dokumenter og e-mail.
Incremental builds og store kataloger
Tit tusindvis af produktsider: fuld SSG ved hver lille ændring bliver dyrt. Brug incremental regeneration, on-demand generation eller hybrid hvor top-URL’er er statiske og resten serverrenders.
Tænk på hvad der sker når et felt i CMS fejler midt i build: hele sitet må ikke fejle - isolér fejl pr. route.
Dynamik uden at ødelægge statikkens fordele
Brug klient-fetch til brugerspecifikke data der ikke behøver i HTML for SEO. Undgå at gøre alt dynamisk på klienten bare fordi det er nemt - så mister I SSG’s kernefordel.
Invalidér CDN-cache målrettet når pris eller lager ændrer sig, så statiske sider ikke viser forældede kritiske fakta.
Videre på sitet
Relaterede guides og blogindlæg finder du i kortene nederst på siden. Overblik: Blog, Guides, Ordbog.
FAQ
Kan SSG og dynamisk data blandes?
Ja - islands, server components eller små islands af client JS.
Næste skridt fra begreb til handling
Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.
Brug Transfer-Encoding (chunked) til progressiv rendering: hurtigere første visning
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.
Få edge cache-hit på HTML: undgå cookies, forkert Vary og dårlige cache keys
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.
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.
Reverse proxy og TTFB: sådan finder du cache-, TLS- og routing-fejl i praksis
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.
Vary-header og caching: undgå forkert indhold og lav cache-hit-rate
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.
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.
