Temps to Premier Byte (TTFB)

TL;DR — Temps à Premier Byte est comment long le navigateur waits, après il demande pour une page, avant le very premier byte de le réponse comes back. c’est a mesurer de serveur responsiveness. A bon TTFB est 0,8 seconds or moins. Il est pas a Core Web Vital — mais a lent un drags bas le metrics que sont, parce que rien on le page peut commencer jusqu’à que premier byte montre up.

Ce que TTFB is

Quand vous click a lien, votre navigateur sends une requête à a serveur et alors waits. Temps à Premier Byte (TTFB) est le length de que wait — depuis le moment le requête commence à le moment le premier byte de la réponse begins à arrive.

«It isn’t just “how fast the server thinks.” A lot happens before your browser even talks to the right machine: it may follow a redirect, look up the domain in DNS, open a connection, and negotiate the secure (TLS) handshake. TTFB rolls all of that together, then adds the server’s own processing time, and stops the clock at the first byte back.

» (Traduction) (Résumé en français de la section six, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Ce que counts as bon

Google’s web.dev guidance est simple: aim pour a TTFB de 0,8 seconds or moins. Ci-dessus 1,8 seconds est considéré poor. La plupart sites devrait être able à hit le bon mark — et nombreux ne pas, qui est exactly pourquoi c’est worth checking.

Pourquoi c’est important même though it isn’t a “core” metric

Vous’ll hear a lot à propos de Core Web Vitals — LCP, INP, et CLS. TTFB n’est pas un de les. Mais il sits underneath le ones à propos de chargement: les deux Premier affichage de contenu et Plus grand affichage de contenu inclure TTFB dans leur measurement. Le navigateur ne peut pas paint n’importe quoi jusqu’à le bytes commencer arriving. Donc a lent TTFB puts a ceiling on comment rapide votre page peut possibly feel.

Le practical takeaway: TTFB ne fait pas obtenir vous ranked par itself, mais a mauvais un quietly holds back le metrics que faire.

Le usual corrections, en termes simples

• Utiliser a CDN. Il puts a copy de votre site on serveurs physically closer à votre visitors, donc le round trip est shorter.
• Cache votre pages. Si le serveur peut hand back a ready-fait copy au lieu de rebuilding lune page chaque temps, le premier byte comes beaucoup sooner.
• Obtenir meilleur hosting. A faster serveur et database est le la plupart direct corriger.
• Cut redirections. Chaque redirection est an supplémentaire round trip avant le réel page même commence chargement.

Vouloir le complet version — le exact thresholds, le LCP relationship, le Lighthouse-vs-CrUX threshold confusion, Early Hints, et comment mesurer il? Switch à le Avancé tab.

TL;DR — TTFB est le temps depuis le commencer de la requête à quand le premier byte de la réponse arrives — le sum de redirection temps, service worker startup, DNS lookup, connection + TLS negotiation, et la requête itself, up à que premier byte. Il est pas a Core Web Vital; c’est a foundational, diagnostic metric que feeds FCP et LCP. web.dev: bon est ≤0,8 s, poor est >1,8 s (75th percentile). c’est les deux a champ et a lab metric. Lighthouse’s “Reduce server response times” audit est narrower — il flags serveur temps over ~600 ms, pas complet TTFB, et as de Lighthouse 13 il lives à l’intérieur le “Document request latency” insight. Corriger il avec a CDN, edge/HTML mise en cache, faster hosting, fewer redirections, 103 Early Hints, et efficient TLS. Et a élevé TTFB ne fait pas toujours signifier a lent site.

Ce que TTFB en réalité measures

TTFB mesure le temps entre starting à navigate à une page et quand le premier byte de la réponse begins à arrive. Le chose personnes obtenir incorrect est treating il as pure backend processing temps. Il n’est pas. c’est le sum de tout que a à finish avant que premier byte peut come back:

1. Redirection temps
2. Service worker startup temps (si un s’applique)
3. DNS lookup
4. Connection et TLS negotiation
5. La requête — up jusqu’à le point le premier byte de la réponse a arrived

Serveur processing est dans là, mais donc est le entier connection-setup tax. Que distinction matters le moment vous commencer reading outils, parce que ils ne pas tout mesurer le même slice (plus on que ci-dessous).

It n’est pas a Core Web Vital

«I’ll say it plainly because it’s the single most common misconception: TTFB is not a Core Web Vital. The three Core Web Vitals are LCP (loading), INP (interactivity), and CLS (visual stability). TTFB is a foundational, diagnostic metric — Google’s own framing is that it’s “a foundational metric for measuring connection setup time and web server responsiveness in both the lab and the field.” » (Traduction) (Résumé en français de la section vingt-trois, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Google est aussi explicit que vous ne pas strictly ont à hit le bon TTFB threshold: parce que il n’est pas a Core Web Vital, c’est “pas absolutely necessary que sites meet le ‘bon’ TTFB threshold, provided que il ne fait pas impede leur ability à score bien on le metrics que matter.” Que dernier clause est le catch — pour la plupart sites a mauvais TTFB absolutely fait impede le metrics que matter.

Comment il caps FCP et LCP

TTFB precedes chaque utilisateur-centric chargement metric. Les deux Premier affichage de contenu et Plus grand affichage de contenu inclure TTFB dans leur measurement — le clock pour ceux metrics est déjà running pendant que vous wait pour le premier byte. web.dev breaks LCP dans sub-parties et TTFB est le premier de les, qui est pourquoi vous pouvez’t ont a rapide LCP sitting on top de a lent TTFB.

Ce est aussi où le real-world données obtient pointed. Le HTTP Archive’s Web Almanac trouvé que on sites avec poor LCP, TTFB alone était eating roughly 2,27 seconds — nearly le entier 2,5-deuxième “bon LCP” budget — avant quelconque image or texte même commencé à rendre. Si votre LCP est mauvais et votre sur la page contenu semble optimized, TTFB est le premier placer je voudrais regarder.

Donc le classement story est indirect mais réel: TTFB n’est pas a Google classement signal (le classement signaux sont LCP, INP, et CLS — TTFB n’est pas named dans que définir). Mais c’est baked dans LCP, qui est a classement signal. Le chemin exécute via LCP, pas via TTFB directement.

Thresholds: bon, nécessite improvement, poor

web.dev’s guidance, mesuré at the 75th percentile of real-user loads:

• Bon: ≤ 0,8 s
• Poor: > 1,8 s

“Most sites should strive to have a TTFB of 0.8 seconds or less.” Worth knowing le history: Google déplacé le “bon” line depuis 500 ms à 800 ms back dans 2022, et older données était recalculated sous le nouveau standard — donc ne pas comparer raw historical TTFB numbers sans checking qui threshold ils utilisé.

Le 600 ms vs 800 ms confusion

Ce trips up a lot of personnes, so it’s worth being precise. Là are two différent numbers floating autour:

• CrUX / web.dev TTFB threshold: 800 ms. Ce est le champ threshold pour complet TTFB (DNS + connection + TLS + redirections + serveur temps).
• Lighthouse “Reduce server response times” audit: ~600 ms. Ce est a lab audit que flags quand le navigateur waits plus que à propos de 600 ms pour le serveur à respond à le principal document requête. Crucially, il mesure serveur réponse temps seulement — il ne fait pas inclure DNS, connection setup, or TLS.

Donc le Lighthouse number semble stricter, mais c’est measuring a narrower slice. As le docs put il, “serveur réponse temps est seulement partie de le complet Temps à Premier Byte (TTFB).” ne pas treat a passing Lighthouse audit as proof de a bon champ TTFB, et ne pas panic que 600 < 800 signifie le thresholds contradict chaque autre — ils mesurer différent choses.

Un version remarque: as de Lighthouse 13, ce audit ne … plus stands alone — c’est été folded dans le broader “Document request latency” insight. Le underlying ~600 ms serveur-réponse vérifier est le même; c’est simplement surfaced differently depending on qui Lighthouse version generated votre rapport.

Field and lab — les deux

«TTFB is one of the metrics you can read in both worlds. In the field, it comes from CrUX (real Chrome users), surfaced in PageSpeed Insights and Search Console. In the lab, Chrome DevTools labels it “Waiting (TTFB)” in the Network panel waterfall (“the browser is waiting for the first byte of a response”), and tools like WebPageTest and Lighthouse report it too. One field caveat: in CrUX, TTFB is still treated as somewhat experimental — it excludes some advanced navigation types like prerendered and back/forward-cache navigations, so field averages can read a touch pessimistic relative to what users actually feel. » (Traduction) (Résumé en français de la section trente-neuf, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

A élevé TTFB doesn’t toujours mean a slow site

«Here’s the nuance that the threshold numbers hide. A server-rendered page can post a higher TTFB than a client-rendered one and still deliver better FCP and LCP — because when that first byte finally arrives, it’s complete HTML the browser can paint immediately, rather than a thin shell that then has to fetch and run a JavaScript bundle before anything appears. Google says it directly: “a server-rendered site that does not require as much client-side work could have a higher TTFB, but better FCP and LCP values than an entirely client-rendered experience.” » (Traduction) (Résumé en français de la section quarante et un, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Le flip side: pour a client-rendu unique-page app, TTFB determines quand le JavaScript bundle même commence chargement, donc a faible TTFB matters plus là, pas moins. ne pas optimize TTFB dans a vacuum — optimize le entier chargement chain, et judge TTFB par ce que il fait à FCP et LCP.

How to améliorer TTFB

Roughly in priority order:

• Commencer avec hosting. A lent backend or database requête est a tax on chaque unique requête, et aucun amount de front-end fonctionner supprime il. Ce est le premier chose à considérer.
• Utiliser a CDN. A CDN solves le proximity problème — a distributed network de edge serveurs caches resources physically closer à votre utilisateurs, cutting le speed-de-light coût de le connection et TLS handshake. c’est le highest-ROI corriger pour la plupart sites, parce que geographic distance depuis votre origin est a structural tax rien on le backend peut erase. Le caveat: pour entièrement dynamic, personalized contenu que ne peut pas être mis en cache, a CDN ajoute a hop sans a cache-hit payoff — là le réponse est backend optimization, edge compute, or streaming.
• Cache votre HTML, même briefly. Même a court cache temps aide a busy site noticeably: seulement le premier visitor dans que window pays le complet latency back à le origin; everyone sinon obtient le mis en cache copy.
• Eliminate redirections. Redirections sont a courant contributor à élevé TTFB — chaque un est a round trip avant le réel réponse commence. Cut le ones sous votre contrôler.
• Stream markup à le navigateur. Navigateurs traiter markup efficiently quand c’est streamed dans chunks as il arrives. Nombreux SSR frameworks prise en charge streaming mais c’est left switched off; turning il on peut drop TTFB on dynamic pages avec aucun infrastructure modifier à tout.
• Utiliser 103 Early Hints. Le 103 code d’état est a preliminary réponse le serveur peut send pendant que le backend est encore preparing le markup, hinting à le navigateur à begin downloading rendre-critical resources early. Il ne fait pas lower TTFB itself — dans fact a 103 peut count as le “premier byte” — mais il shrinks le impact de a élevé TTFB. Shopify et Cloudflare ont reported plusieurs hundred milliseconds de LCP improvement depuis il, dans some cas fermer à a deuxième.
• Negotiate TLS efficiently et optimize service worker startup. A service worker que hasn’t commencé yet ajoute son startup temps à TTFB; une fois running, son cache (stale-tandis que-revalidate, or an app-shell model pour SPAs) peut dramatically reduce TTFB.

Où sites en réalité stand

Le raison ce est worth votre attention: c’est a stubborn problème à travers le web. Le Web Almanac’s mobile bon-TTFB rate a barely déplacé dans five années — hovering autour 41–42% — meaning a majority de mobile sites encore ne pas ont a “bon” TTFB. Que stagnation est, frankly, an opportunity. Pour a serveur-heavy site failing LCP, TTFB est généralement le highest-leverage corriger on le board.

Ce page est partie de le web-performance cluster, qui sits sous Core Web Vitals. Pour le metrics TTFB feeds dans, voir Plus grand affichage de contenu et Premier affichage de contenu; à mesurer il on réel utilisateurs et dans le lab, voir CrUX, PageSpeed Insights, et Lighthouse.

AI summary

A condensed prendre on the Avancé version:

• TTFB = le wait pour le premier byte. Temps depuis le commencer de la requête à quand le premier byte de la réponse arrives — le sum de redirection temps, service worker startup, DNS lookup, connection + TLS negotiation, et la requête itself. Pas simplement serveur processing.
• Il n’est pas a Core Web Vital. Le Core Web Vitals sont LCP, INP, et CLS. TTFB est a foundational, diagnostic metric.
• Il caps FCP et LCP. Les deux inclure TTFB, donc a lent TTFB sets a ceiling on comment rapide une page peut charger. On poor-LCP sites, TTFB alone était ~2,27 s — nearly le entier 2,5 s bon-LCP budget.
• Rankings: indirect. TTFB n’est pas a Google classement signal, mais c’est baked dans LCP, qui est. Le chemin exécute via LCP.
• Thresholds (75th pct): bon ≤ 0,8 s, poor > 1,8 s. Le “bon” line déplacé depuis 500 ms à 800 ms dans 2022.
• 600 ms vs 800 ms: Lighthouse’s “Reduce serveur réponse times” audit flags ~600 ms de serveur temps seulement — narrower que le 800 ms complet-TTFB champ threshold. “Serveur temps de réponse est seulement partie de le complet TTFB.” As de Lighthouse 13 ce audit lives à l’intérieur le “Document requête latency” insight.
• Champ et lab: CrUX/PSI/Search Console (champ); DevTools “Waiting (TTFB)”, WebPageTest, Lighthouse (lab).
• Élevé TTFB ≠ lent site: an SSR page peut ont a plus élevé TTFB mais meilleur FCP/LCP que a client-rendu un, parce que le premier byte est complet HTML.
• Corrections (priority): hosting premier, alors CDN, HTML mise en cache, fewer redirections, streaming, 103 Early Hints, efficient TLS, service worker startup.
• State de le web: mobile bon-TTFB a été flat à ~41–42% pour five années — a réel opportunity.

Documentation officielle

Primary-source documentation depuis Google’s Chrome et web.dev teams.

• Temps à Premier Byte (TTFB) — le definition, le five components, le 0,8 s / 1,8 s thresholds, pourquoi il n’est pas a Core Web Vital, et son relationship à FCP et LCP.
• Optimize TTFB — le optimization guide: hosting premier, alors CDN, mise en cache, redirections, streaming, 103 Early Hints, et service workers.
• Reduce serveur réponse times — le Lighthouse audit (~600 ms serveur-time threshold) et comment il differs depuis complet TTFB. As de Lighthouse 13 c’est folded dans le “Document request latency” insight.
• Web Vitals — où TTFB sits dans le metric taxonomy: a supplementary/diagnostic metric, avec LCP, INP, et CLS as le Core Web Vitals.
• Plus grand affichage de contenu (LCP) — confirms LCP inclut TTFB delays.
• Premier affichage de contenu (FCP) — confirms FCP inclut TTFB, et listes “reduce server response times (TTFB)” as a corriger.
• Core Web Vitals (Recherche Google Central) — le classement-signal docs nom LCP, INP, et CLS seulement; TTFB n’est pas listed.
• 103 Early Hints — le early réponse code, navigateur/serveur prise en charge, et real-world résultats.

Quotes from the source

On-le-record statements depuis Google’s web.dev et Chrome teams. Chaque lien est a deep lien que jumps à le quoted passage on le page source où un était verified.

web.dev — ce que TTFB is

«- “TTFB is a metric that measures the time between starting navigating to a page and when the first byte of a response begins to arrive.” Jump to quote » (Traduction) (Résumé en français de la section soixante-quatre, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- “Time to First Byte (TTFB) is a foundational metric for measuring connection setup time and web server responsiveness in both the lab and the field.” Jump to quote » (Traduction) (Résumé en français de la section soixante-quatre, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.)

web.dev — thresholds

«- “Good TTFB values are 0.8 seconds or less, and poor values are greater than 1.8 seconds.” Jump to quote » (Traduction) (Résumé en français de la section soixante-six, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

web.dev — pas a Core Web Vital

«- “Because TTFB isn’t a Core Web Vitals metric, it’s not absolutely necessary that sites meet the ‘good’ TTFB threshold, provided that it doesn’t impede their ability to score well on the metrics that matter.” Jump to quote » (Traduction) (Résumé en français de la section soixante-huit, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

web.dev — relationship à FCP et LCP

«- “Because TTFB precedes user-centric metrics such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP)…” Jump to quote » (Traduction) (Résumé en français de la section soixante-dix, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- On a server-rendered site: “a server-rendered site that does not require as much client-side work could have a higher TTFB, but better FCP and LCP values than an entirely client-rendered experience.” (web.dev, “Time to First Byte”) » (Traduction) (Résumé en français de la section soixante-dix, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.)

Lighthouse — server réponse temps vs complet TTFB

«- “Server response time is only part of the full Time to First Byte (TTFB).” (Lighthouse, “Reduce server response times.”) » (Traduction) (Résumé en français de la section soixante-douze, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Patrick Stox — on TTFB’s status (depuis mon Ahrefs Core Web Vitals guide)

• “Là sont additional Web Vitals que servir as proxy mesure or supplemental metrics mais ne sont pas utilisé dans le classement calculations. Le Web Vitals metrics pour visual charger inclure Temps à Premier Byte (TTFB) et Premier affichage de contenu (FCP).” Lire le guide

«Note: web.dev and the Lighthouse docs are JavaScript-rendered in places, and only the quotes carrying a #:~:text= deep link above were verified against the live page during this brief. The server-rendered-site line and the Lighthouse “server response time is only part of the full TTFB” line are reproduced from the source brief and should be confirmed against the live pages before being treated as final. » (Traduction) (Résumé en français de la section soixante-quinze, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

TTFB triage checklist

Quand PageSpeed Insights, Search Console, or Lighthouse flags a slow server réponse, fonctionner bas ce liste:

«- [ ] Confirm what you’re looking at — full field TTFB (≤0.8 s good) or the Lighthouse “Reduce server response times” audit (~600 ms, server time only). They aren’t the same number. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Check the field, not just the lab — pull TTFB from CrUX via PageSpeed Insights or the Search Console Core Web Vitals report, at the 75th percentile. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Look at whether TTFB is the thing capping your LCP — if LCP is poor and the page content is optimized, TTFB is the first suspect. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie trois : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Count your redirects — eliminate any redirect chains under your control on key entry URLs. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie quatre : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Confirm a CDN is serving your users (edge PoPs close to your audience), and that HTML/edge caching is actually hitting, not just static assets. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie cinq : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Profile the backend — slow database queries or heavy server-side work on the main document request. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie six : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Verify TLS is efficient (modern protocol, session resumption) and DNS is fast. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie sept : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] If the page is dynamic SSR, check whether streaming is enabled in your framework — it’s often off by default. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie huit : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] Consider 103 Early Hints for render-critical resources if your server/CDN supports it. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie neuf : le texte source est conservé pour vérification lors de la relecture francophone.) «- [ ] If you use a service worker, check its startup isn’t adding to TTFB on first load, and that its cache strategy helps repeat loads. » (Traduction) (Résumé en français de la section quatre-vingts, sous-partie dix : le texte source est conservé pour vérification lors de la relecture francophone.)

TTFB cheat sheet

Ce que TTFB est le sum de

1. Redirection temps
2. Service worker startup (si quelconque)
3. DNS lookup
4. Connection + TLS negotiation
5. La requête — up à le premier byte de la réponse

Thresholds (75th percentile de real-utilisateur charge)

Two thresholds, two scopes

Rapide facts

• TTFB est pas a Core Web Vital. Le Core Web Vitals sont LCP, INP, CLS.
• c’est les deux a champ et a lab metric.
• Les deux FCP et LCP inclure TTFB — il sets a ceiling on les.
• Classement impact est indirect, via LCP — TTFB itself n’est pas a classement signal.
• DevTools étiquettes il “Waiting (TTFB)” dans le Network panel.
• Le “bon” line déplacé depuis 500 ms → 800 ms dans 2022.

Fix priority: hosting → CDN → HTML/edge mise en cache → cut redirections → stream markup → 103 Early Hints → efficient TLS → service worker startup.

Outils pour measuring TTFB

• PageSpeed Insights — le easiest champ lire: montre votre CrUX TTFB (réel Chrome utilisateurs) alongside a lab exécuter, pour une URL or origin.
• Search Console — Core Web Vitals rapport — champ données grouped par URL modèle; le placer à spot TTFB problèmes à scale.
• CrUX (Chrome Utilisateur Experience Rapport) — le underlying champ dataset; queryable directement via le CrUX API or BigQuery pour historical trends.
• Chrome DevTools — Network panel — hover le principal document requête et lire le “Waiting (TTFB)” timing pour a precise lab breakdown de connection vs serveur temps.
• Lighthouse — exécute le “Reduce server response times” audit (~600 ms serveur-time flag); construit dans DevTools et PageSpeed Insights. As de Lighthouse 13, ce vérifier surfaces à l’intérieur le “Document request latency” insight.
• WebPageTest — detailed waterfalls avec TTFB broken out par connection phase, et multi-location/connection testing à isolate geographic latency.
• web-vitals JS library — collect TTFB (et le rest) depuis votre propre réel utilisateurs dans le champ et send il à votre analytics.

TTFB mistakes que lead to the incorrect fix

Appel every delay a server problem

TTFB inclut redirections, DNS, connection setup, TLS, service-worker startup, et serveur processing. Break la requête dans phases avant modification application code or hosting.

Comparing Lighthouse’s 600 ms audit avec le 800 ms champ threshold

Le Lighthouse audit est a narrower lab diagnostic, pendant que le 0,8-deuxième guidance décrit complet TTFB. Étiquette le source et scope quand reporting soit number.

Testing seulement from a emplacement near the origin

A nearby lab peut hide geographic latency. Comparer regions or utiliser real-utilisateur données avant assuming le même experience s’applique à le entier public.

Chasing TTFB pendant que lune page is déjà fast

A élevé TTFB peut be compatible with a fast streamed or mis en cache experience. Vérifier si it en réalité constrains FCP or LCP avant prioritizing it over a plus grand bottleneck.

Diagnose a lent TTFB par symptom

The premier requête is slow but repeat requêtes are fast

Probable causer: cold caches, connection setup, or application warm-up. Corriger: inspect cache headers et séparé cold depuis warm tests. Confirmer: le waterfall montre qui connection or serveur phase disappears on le repeat requête.

TTFB is slow seulement in distant regions

Probable causer: physical distance à le origin or a CDN cache miss. Corriger: servir cacheable HTML closer à utilisateurs et vérifier edge cache behavior. Confirmer: regional tests montrer a shorter wait sans modification le corps de la réponse.

«### A URL has much worse TTFB than its template peers » (Traduction) (Résumé en français de la section cent treize, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

«Likely cause: redirects, an uncached route, or expensive page-specific backend work. Fix: compare the redirect chain, cache status, and server timing with a healthy peer. Confirm: the outlier’s document request moves back toward the template baseline. » (Traduction) (Résumé en français de la section cent quatorze, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

«### DevTools and CrUX disagree » (Traduction) (Résumé en français de la section cent quinze, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

«Likely cause: one lab request cannot represent the field’s devices, locations, cache states, and 75th percentile. Fix: use the lab request to diagnose and field data to judge prevalence. Confirm: your RUM distribution explains which segment produces the slower aggregate. » (Traduction) (Résumé en français de la section cent seize, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Mesurer TTFB depuis le command line

Utiliser curl’s timing variables à séparé le premier byte depuis DNS, connection, et TLS setup.

curl -sS -o /dev/null \
  -w 'dns=%{time_namelookup}s connect=%{time_connect}s tls=%{time_appconnect}s starttransfer=%{time_starttransfer}s total=%{time_total}s\n' \
  https://example.com/

time_starttransfer est le command’s TTFB-style measurement. Exécuter plusieurs cold et warm requêtes depuis plus que un pertinent region; a unique local sample n’est pas a champ benchmark.

Lire Navigation Timing in le navigateur

const nav = performance.getEntriesByType('navigation')[0];
console.table({
  ttfb: Math.round(nav.responseStart - nav.requestStart),
  dns: Math.round(nav.domainLookupEnd - nav.domainLookupStart),
  connect: Math.round(nav.connectEnd - nav.connectStart),
});

Prove a TTFB modifier took effect

Edge-cache tester

Tester à exécuter: requête le même document twice avec curl -sS -D - -o /dev/null, alors inspect le CDN’s cache-status et age headers. Attendu résultat: le repeat requête est servi depuis cache selon le CDN’s documented header. Échec interpretation: le route est bypassing or immédiatement expiring le cache. Monitoring window: immediate. Rollback trigger: personalized, authenticated, or stale HTML est servi à le incorrect requête.

Redirect-removal tester

Tester à exécuter: utiliser curl -sS -I on le final public URL et inspect le chaîne de redirections séparément. Attendu résultat: le prévu entry URL reaches le document sans an avoidable hop. Échec interpretation: routing or canonical-host règles encore ajouter a round trip. Monitoring window: immediate. Rollback trigger: le modifier breaks requis HTTP-à-HTTPS or hostname normalization.

Field TTFB tester

Tester à exécuter: comparer post-release Navigation Timing or web-vitals TTFB par region et template avec le pre-release baseline. Attendu résultat: p75 améliore dans le affected segments sans plus erreurs. Échec interpretation: le lab gain a fait pas reach réel utilisateurs or shifted fonctionner elsewhere. Monitoring window: as RUM trafic arrives; CrUX over son rolling window. Rollback trigger: erreur rate, cache correctness, or utilisateur-visible latency worsens.

TTFB metrics worth tracking

Real-user TTFB at p75

Metric: le 75th-percentile TTFB par template, region, et device class. Ce que il indique vous: comment long le document requête delays la plupart réel visits avant rendu peut begin. Comment pull il: Navigation Timing, le web-vitals library, CrUX, or PageSpeed Insights. Benchmark / realistic range: 0,8 seconds or moins est le bon cible décrit dans ce article; interpret segments séparément. Cadence: weekly dans RUM et monthly pour le rolling public champ trend.

«### Cache-hit TTFB versus cache-miss TTFB » (Traduction) (Résumé en français de la section cent trente-neuf, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Metric: p75 TTFB split par le CDN’s cache résultat. Ce que il indique vous: si origin fonctionner or edge delivery owns le delay. Comment pull il: join réponse cache-status headers avec RUM or CDN logs. Benchmark / realistic range: utiliser le site’s propre regional baseline parce que provider, route, et personalization differ. Cadence: weekly et après cache-règle changements.

TTFB share of LCP

Metric: TTFB divided par le LCP duration pour le même visit. Ce que il indique vous: si serveur et connection temps sont le limiting partie de le chargement experience. Comment pull il: collect TTFB et LCP ensemble dans RUM. Benchmark / realistic range: aucun universal percentage est honest; prioritize TTFB quand il consistently consumes a grand partie de LCP. Cadence: monthly par template.

Ressources utiles

Mon connexe writing

• Core Web Vitals: A Beginner’s Guide — où TTFB fits parmi le chargement metrics, et pourquoi c’est a supplemental metric plutôt que a classement signal.
• Le Beginner’s Guide à SEO technique — le bigger picture site performances sits à l’intérieur.

Official

• web.dev’s TTFB et Optimize TTFB — le deux definitive pages.
• Le Chrome team’s 103 Early Hints écrire-up, avec le Shopify/Cloudflare résultats.

Données

• Le HTTP Archive Web Almanac — Performances chapter — le long-exécuter TTFB et LCP champ données pour le entier web.

Depuis autour le industry

• Cloudflare blog: Early Hints — Cloudflare’s propre écrire-up on shipping 103 Early Hints, notamment real-world résultats et CDN implementation details.
• web-vitals JS library (GitHub) — le canonical library pour collecting TTFB (et tout Web Vitals) depuis réel utilisateurs; utiliser ce à send champ TTFB à votre propre analytics.
• HTTP Archive Web Almanac 2022 — Performances — historical baseline showing 40% mobile bon-TTFB sous le alors-new 800 ms threshold; utile pour multi-year trend context.
• Fastly — HTTP/2 Serveur Push vs Early Hints — CDN perspective on pourquoi Early Hints est replacing Serveur Push pour reducing TTFB impact.

Stats worth citing

• ~42% de mobile sites ont a “bon” TTFB — et c’est barely déplacé dans five années. Le Web Almanac’s mobile bon-TTFB rate a hovered autour 41–42% à travers five années de données: a stubborn, web-wide stagnation. Source
• On poor-LCP sites, TTFB alone consumed ~2,27 seconds — nearly le entier 2,5-deuxième “bon LCP” threshold, avant quelconque contenu rendu. TTFB est le largest sub-partie de LCP pour sites que échouer il. Source
• 103 Early Hints delivered plusieurs hundred milliseconds de LCP improvement dans Shopify et Cloudflare testing — dans some cas fermer à a deuxième faster. Source
• Le “bon” TTFB line déplacé depuis 500 ms à 800 ms dans 2022, et historical données était recalculated sous le nouveau standard — worth knowing avant comparing old TTFB numbers. Source

Testez vos connaissances: Temps to Premier Byte

Five rapide questions on ce que TTFB measures and how to améliorer it. Pick an réponse pour chaque, alors vérifier.

Journal des modifications