Kort fortalt: Transfer-Encoding fortæller browseren, hvordan svaret skal samles op. Når den er sat til chunked, kan serveren sende HTML i bidder undervejs. Det kan give hurtigere første byte og bedre progressiv rendering.
Hvad handler Transfer-Encoding om?
- En HTTP-header der beskriver transportformen for svaret
- Typisk
chunked, hvor legemet sendes i flere bidder i stedet for én færdig størrelse - Et signal om, at serveren kan begynde at levere data før alt indhold er færdigproduceret
Hvorfor betyder det noget for hastighed?
Transfer-Encoding kan påvirke din oplevede hastighed på to måder:
- TTFB kan falde, hvis origin eller en proxy ikke længere buffer hele svaret først.
- Ressourcer kan opdages tidligere, fordi HTML (og eventuelle kritiske styles/links) når frem i tide til at browseren kan gå i gang med parsing, styling og (senere) paint.
Det betyder ikke, at du automatisk får bedre Core Web Vitals. Hvis problemet i stedet ligger i render-blocking CSS/JS eller tung main-thread, kan render delay stadig dominere LCP.
Typiske årsager til at “chunked” ikke hjælper
- Appen flusher aldrig tidligt (PHP/Node-koden venter med at sende alt)
- Reverse proxy bufferer svaret (klassisk når der forventes fuldt respons før viderelevering)
- Compression/streaming pipeline kan ende med at bufferes ét sted før komprimering
- Det streamede indhold er ikke kritisk for dit LCP-element (du kan streame “noget”, men ikke det der betyder noget for første visning)
Typiske forbedringer i praksis
- Fjern buffering der hvor du har kontrol: app- og proxy-lag skal tillade tidlig flush i stedet for at samle hele svaret.
- Start med HTML, ikke små “stunts”: de første byte bør indeholde de elementer og links der styrer LCP og rendering.
- Mål og bekræft: brug TTFB, Render delay og Lighthouse/field-data før og efter.
Relaterede begreber
- TTFB – hvad første byte dækker over
- LCP – hvordan “første visning” måles
- Render delay – når data er klar, men paint kommer sent
- Reverse proxy – hvor streaming ofte enten hjælpes eller stoppes
- Server-Timing – et billigt signal til at se hvor tiden gik
FAQ
Betyder chunked altid lavere TTFB?
Nej. Chunked gør det muligt at sende data gradvist, men effekten kræver at appen/proxyen faktisk flusher output tidligt. Hvis svaret buffers, bliver “chunking” ikke til hurtigere første visning.
Hvorfor ser jeg ingen `Content-Length`?
Når svaret er chunked, kendes total længde typisk ikke før alt er produceret. Derfor mangler `Content-Length` ofte, og data leveres som flere `chunk`.
Er det det samme som server push i HTTP/2?
Nej. Transfer-Encoding handler om transport af selve svaret. Server Push er en proaktiv mekanisme til at sende ekstra ressourcer; de to ting påvirker forskellige dele af performance-kæden.
Eksterne kilder
MDN forklarer headeren, og RFC’en uddyber den semantiske rolle i HTTP. DevTools gør effekten synlig i timing.
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.
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.
Cache-Control forklaret: sådan bruger du caching til lavere TTFB
Lær hvordan Cache-Control påvirker HTML, CSS, JavaScript og billeder, og få en praktisk gennemgang af caching, TTFB og klassiske fejl.