Kort fortalt: Når TTFB er høj, er Server-Timing et billigt signal til at se om problemet er DB, cache-miss eller app-logik - uden at eksponere følsomme internals.
Hvis du er ny på området
Server-Timing er en HTTP-header som serveren kan sende sammen med svaret. I den kan backend kort angive navne og varigheder for deltrin – fx database 12 ms, rendering 8 ms. I Chrome vises det i netværks-panelet og gør det lettere at se hvor tiden gik, uden at du skal have fuld adgang til serverlogs.
Det erstatter ikke APM eller logning, men sænker tærsklen for at frontend og drift taler om samme tal.
Brug i praksis
Hold antal metrics lavt, undgå PII, og slå fra i produktion for offentlige brugere hvis nødvendigt - eller beskyt bag feature flags.
Serveren forklarer sine millisekunder
Server-Timing headeren lader backend dele op til klienten (og DevTools) hvor tiden gik: database, cache, template-render. Det gør TTFB-fejlsøgning markant hurtigere end at gætte.
Hold værdierne aggregerede og undgå at lække følsomme interne stinavne i produktion.
Samspil med CDN og edge
Flere lag kan hver tilføje Server-Timing - lær at læse rækkefølgen og om svaret kom fra cache. Det afslører om problemet er POP, origin eller applikation.
Koordinér navngivning (db, origin, edge) på tværs af teams så dashboards bliver sammenlignelige.
Kulturel effekt
Når backend-ingeniører ser deres del af TTFB i DevTools, stoppes «det er nok frontend»-antagelser. Det skaber fælles sprog med frontend om performance.
Brug det i incident reviews: gem et screenshot af Server-Timing før og efter fix.
Videre på sitet
- TTFB – hvad første byte dækker over.
- Forbedr TTFB og cache – når tallene skal forbedres.
- Sådan læser du et waterfall – kobl header til netværksvisning.
FAQ
Erstatter det APM?
Nej - det er et let supplement synligt i browserens waterfall.
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.
