Time để Đầu tiên Byte (TTFB)

Tóm tắt — Time để đầu tiên Byte là Cách dài trình duyệt chờ, sau khi nó asks cho trang, trước khi rất đầu tiên byte của câu trả lời xuất hiện lại. nó đo lường của máy chủ responsiveness. good TTFB là 0,8 seconds hoặc ít hơn. nó là không Cốt lõi Web Vital — nhưng chậm một drags xuống các chỉ số đó là, vì không có gì on trang có thể bắt đầu cho đến khi đó đầu tiên byte hiển thị lên.

Điều gì TTFB là

Khi bạn nhấp link, của bạn trình duyệt gửi yêu cầu để máy chủ và sau đó chờ. Time để đầu tiên Byte (TTFB) là length của đó chờ — từ moment yêu cầu bắt đầu để moment đầu tiên byte của phản hồi begins để arrive.

Điều này không chỉ “how fast the server thinks.” (bản dịch) «cách fast đó máy chủ thinks.» MỘT lot happens trước trình duyệt của bạn ngay cả talks để đó right machine: điều này có thể follow một chuyển hướng, look lên đó domain trong DNS, open một connection, và negotiate đó secure (TLS) handshake. TTFB rolls all of đó together, thì adds đó máy chủ own processing time, và dừng đó clock tại đó đầu tiên byte lại.

Điều gì được tính as good

Google web.dev hướng dẫn là đơn giản: aim cho TTFB của 0,8 seconds hoặc ít hơn. Trên 1,8 seconds là considered poor. phần lớn các trang nên là able để hit good mark — và nhiều không, mà là chính xác Vì sao nó worth kiểm tra.

Vì sao điều này quan trọng mặc dù nó không phải “cốt lõi” chỉ số

bạn’ll hear lot về Core Web Vitals — LCP, INP, và CLS. TTFB không phải một của them. nhưng nó sits underneath ones về loading: cả hai đầu tiên Contentful Paint và Largest Contentful Paint bao gồm TTFB trong của họ việc đo lường. trình duyệt có thể’t paint bất cứ điều gì cho đến khi bytes bắt đầu arriving. So chậm TTFB diễn đạt ceiling on Cách fast của bạn trang có thể possibly feel.

practical takeaway: TTFB không nhận bạn được xếp hạng by itself, nhưng bad một âm thầm holds lại các chỉ số đó làm.

thông thường các cách sửa, trong đơn giản terms

• sử dụng CDN. nó diễn đạt copy của bạn trang web on các máy chủ physically closer để của bạn khách truy cập, so round trip là ngắn hơn.
• bộ nhớ đệm của bạn các trang. nếu máy chủ có thể hand lại ready-đã làm copy thay vì rebuilding trang mỗi time, đầu tiên byte xuất hiện nhiều sooner.
• Nhận tốt hơn hosting. nhanh hơn máy chủ và database là phần lớn trực tiếp khắc phục.
• Cut các chuyển hướng. mỗi chuyển hướng là extra round trip trước khi thực trang ngay cả bắt đầu loading.

Muốn đầy đủ version — chính xác thresholds, LCP mối quan hệ, Lighthouse-so với-CrUX ngưỡng confusion, Sớm Hints, và Cách đo lường nó? Chuyển để Nâng cao tab.

TL;DR — TTFB là đó time từ đó bắt đầu of đó yêu cầu để khi đó đầu tiên byte of đó phản hồi arrives — đó sum of chuyển hướng time, service worker startup, DNS lookup, connection + TLS negotiation, và đó yêu cầu itself, lên để đó đầu tiên byte. Điều này là không một Cốt lõi Web Vital; đây là một foundational, diagnostic chỉ số đó feeds FCP và LCP. web.dev: good là ≤0,8 s, poor là >1,8 s (75th percentile). đây là cả hai một trường và một lab chỉ số. Lighthouse “Reduce server response times” (bản dịch) «Reduce máy chủ phản hồi times» audit là hẹp hơn — điều này flags máy chủ time over ~600 ms, không đầy đủ TTFB, và as of Lighthouse 13 điều này lives bên trong đó “Document request latency” (bản dịch) «Document yêu cầu latency» insight. Cách sửa điều này với một CDN, edge/HTML bộ nhớ đệm, nhanh hơn hosting, ít hơn các chuyển hướng, 103 Sớm Hints, và efficient TLS. Và một cao TTFB không luôn có nghĩa là một chậm site.

Điều gì TTFB thực ra measures

TTFB measures time giữa starting để navigate để trang và Khi đầu tiên byte của phản hồi begins để arrive. điều mọi người nhận sai là treating nó as pure backend processing time. nó không phải. nó sum của mọi thứ đó có để finish trước khi đó đầu tiên byte có thể come lại:

1. chuyển hướng time
2. Service worker startup time (nếu một áp dụng)
3. DNS lookup
4. Connection và TLS negotiation
5. ** yêu cầu** — lên cho đến khi point đầu tiên byte của phản hồi có arrived

máy chủ processing là trong ở đó, nhưng so là toàn bộ connection-setup tax. đó phân biệt matters moment bạn bắt đầu reading tools, vì họ không all đo lường giống nhau slice (nhiều hơn on đó dưới).

nó không phải Cốt lõi Web Vital

I’ll chẳng hạn điều này plainly vì đây là đó single hầu hết phổ biến misconception: TTFB không phải một Cốt lõi Web Vital. Đó three Core Web Vitals là LCP (loading), INP (interactivity), và CLS (visual stability). TTFB là một foundational, diagnostic chỉ số — Google own cách diễn đạt là đó đây là “a foundational metric for measuring connection setup time and web server responsiveness in both the lab and the field.” (bản dịch) «một foundational chỉ số cho measuring connection setup time và web máy chủ responsiveness trong cả hai đó lab và đó trường.»

Google là cũng rõ ràng đó bạn không strictly có để hit đó good TTFB ngưỡng: vì điều này không một Cốt lõi Web Vital, đây là “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.” (bản dịch) «không absolutely necessary đó các trang đáp ứng đó ‘good’ TTFB ngưỡng, provided đó điều này không impede của họ ability để score well on đó các chỉ số đó quan trọng.» Đó cuối cùng clause là đó catch — cho hầu hết các trang một bad TTFB absolutely làm impede đó các chỉ số đó quan trọng.

Cách nó caps FCP và LCP

TTFB precedes mỗi người dùng-centric loading chỉ số. Cả hai đầu tiên Contentful Paint và Largest Contentful Paint bao gồm TTFB trong của họ việc đo lường — clock cho những điều đó các chỉ số là đã đang chạy trong khi bạn chờ cho đầu tiên byte. web.dev breaks LCP vào sub-parts và TTFB là đầu tiên của them, mà là Vì sao Bạn có thể’t có fast LCP sitting bên cạnh chậm TTFB.

Đây là cũng nơi thực-world dữ liệu nhận pointed. HTTP Archive Web Almanac tìm thấy đó on các trang với poor LCP, TTFB alone là eating khoảng 2,27 seconds — nearly đểàn bộ 2,5-thứ hai “good LCP” budget — trước khi bất kỳ image hoặc text ngay cả đã bắt đầu để render. nếu của bạn LCP là bad và của bạn on-nội dung trang looks optimized, TTFB là đầu tiên place I’d look.

So xếp hạng story là gián tiếp nhưng thực: TTFB không phải Google tín hiệu xếp hạng ( các tín hiệu xếp hạng là LCP, INP, và CLS — TTFB không phải named trong đó đặt). nhưng nó baked vào LCP, mà là tín hiệu xếp hạng. path chạy qua LCP, không qua TTFB trực tiếp.

Thresholds: good, cần improvement, poor

web.dev hướng dẫn, measured tại 75th percentile của thực-người dùng loads:

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

“Most sites should strive to have a TTFB of 0.8 seconds or less.” (bản dịch) «Hầu hết các trang nên strive để có một TTFB of 0,8 seconds hoặc ít hơn.» Worth knowing đó history: Google moved đó “good” line từ 500 ms để 800 ms lại trong 2022, và older dữ liệu đã là recalculated dưới đó new tiêu chuẩn — so không so sánh thô lịch sử TTFB numbers không có kiểm tra mà ngưỡng they dùng.

600 ms so với 800 ms confusion

điều này trips lên lot của mọi người, so nó worth là precise. có hai khác numbers floating khoảng:

• CrUX / web.dev TTFB ngưỡng: 800 ms. Này là đó trường ngưỡng cho đầy đủ TTFB (DNS + connection + TLS + các chuyển hướng + máy chủ time).
• Lighthouse “Reduce server response times” (bản dịch) «Reduce máy chủ phản hồi times» audit: ~600 ms. Này là một lab audit đó flags khi đó trình duyệt chờ hơn về 600 ms cho đó máy chủ để respond để đó main document yêu cầu. Crucially, điều này measures máy chủ phản hồi time chỉ — điều này không bao gồm DNS, connection setup, hoặc TLS.

So đó Lighthouse number looks stricter, nhưng đây là measuring một hẹp hơn slice. As đó tài liệu put điều này, “server response time is only part of the full Time to First Byte (TTFB).” (bản dịch) «thời gian phản hồi của máy chủ là chỉ part of đó đầy đủ Time để Đầu tiên Byte (TTFB).» không treat một passing Lighthouse audit as proof of một good trường TTFB, và không panic đó 600 < 800 có nghĩa là đó thresholds contradict mỗi other — they đo lường khác nhau điều.

Một version note: as of Lighthouse 13, này audit không lâu hơn stands alone — đây là đã folded vào đó rộng hơn “Document request latency” (bản dịch) «Document yêu cầu latency» insight. Đó underlying ~600 ms máy chủ-phản hồi kiểm tra là đó giống nhau; đây là chỉ surfaced differently depending on mà Lighthouse version generated của bạn báo cáo.

Trường và lab — cả hai

TTFB là một of đó các chỉ số bạn có thể đọc trong cả hai worlds. Trong đó trường, điều này xuất hiện từ CrUX (real Chrome người dùng), surfaced trong PageSpeed Insights và Search Console. Trong đó lab, Chrome DevTools labels điều này “Waiting (TTFB)” (bản dịch) «Đang chờ (TTFB)» trong đó Network panel waterfall (“the browser is waiting for the first byte of a response” (bản dịch) «đó trình duyệt là đang chờ cho đó đầu tiên byte of một phản hồi»), và tools như WebPageTest và Lighthouse báo cáo điều này cũng. Một trường caveat: trong CrUX, TTFB là vẫn treated as somewhat experimental — điều này excludes some advanced navigation types như prerendered và lại/forward-bộ nhớ đệm navigations, so trường averages có thể đọc một touch pessimistic relative để điều gì người dùng thực ra feel.

cao TTFB không luôn có nghĩa là chậm trang web

Ở đây đó nuance đó ngưỡng numbers hide. MỘT máy chủ-được kết xuất trang có thể post một cao hơn TTFB hơn một client-được kết xuất một và vẫn deliver tốt hơn FCP và LCP — vì khi đó đầu tiên byte finally arrives, đây là hoàn tất HTML đó trình duyệt có thể paint immediately, thay vì một thin shell đó thì có để fetch và chạy một JavaScript bundle trước bất cứ điều gì xuất hiện. Google says điều này trực tiếp: “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.” (bản dịch) «một máy chủ-được kết xuất site đó không yêu cầu as nhiều client-side hoạt động có thể có một cao hơn TTFB, nhưng tốt hơn FCP và LCP các giá trị hơn an hoàn toàn client-được kết xuất experience.»

flip side: cho client-được kết xuất single-trang app, TTFB determines Khi JavaScript bundle ngay cả bắt đầu loading, so thấp TTFB matters nhiều hơn ở đó, không ít hơn. không optimize TTFB trong vacuum — optimize toàn bộ loading chain, và judge TTFB by Điều gì nó làm để FCP và LCP.

Cách improve TTFB

Khoảng trong priority order:

• Bắt đầu với hosting. chậm backend hoặc database query là tax on mỗi single yêu cầu, và không amount của front-end hoạt động xóa nó. Đây là đầu tiên điều để cân nhắc.
• sử dụng CDN. CDN solves proximity vấn đề — distributed network của edge các máy chủ caches các tài nguyên physically closer để của bạn người dùng, cutting speed-của-light cost của connection và TLS handshake. nó highest-ROI khắc phục cho phần lớn các trang, vì geographic distance từ của bạn origin là structural tax không có gì on backend có thể erase. caveat: cho fully dynamic, personalized nội dung đó có thể’t là được lưu đệm, CDN adds hop không có bộ nhớ đệm-hit payoff — ở đó câu trả lời là backend optimization, edge compute, hoặc streaming.
• bộ nhớ đệm của bạn HTML, ngay cả briefly. Ngay cả ngắn bộ nhớ đệm time helps busy trang web noticeably: chỉ đầu tiên khách truy cập trong đó window pays đầy đủ latency lại để origin; mọi người khác nhận được lưu đệm copy.
• Eliminate các chuyển hướng. Các chuyển hướng là phổ biến contributor để cao TTFB — mỗi một là round trip trước khi thực phản hồi bắt đầu. Cut ones dưới của bạn control.
• Stream markup để trình duyệt. các trình duyệt xử lý markup efficiently Khi nó streamed trong chunks as nó arrives. nhiều SSR các framework hỗ trợ streaming nhưng nó left switched off; chuyển thành nó on có thể drop TTFB on dynamic các trang với không infrastructure thay đổi tại all.
• sử dụng 103 Sớm Hints. 103 mã trạng thái là preliminary phản hồi máy chủ có thể gửi trong khi backend là vẫn preparing markup, hinting để trình duyệt để begin downloading render-cốt yếu các tài nguyên sớm. nó không thấp hơn TTFB itself — trong fact 103 có thể count as “đầu tiên byte” — nhưng nó shrinks impact của cao TTFB. Shopify và Cloudflare có reported several hundred milliseconds của LCP improvement từ nó, trong một số trường hợp close để thứ hai.
• Negotiate TLS efficiently và optimize service worker startup. service worker đó hasn’t đã bắt đầu tuy vậy adds của nó startup time để TTFB; sau khi đang chạy, của nó bộ nhớ đệm (stale-trong khi-revalidate, hoặc app-shell model cho SPAs) có thể dramatically reduce TTFB.

nơi các trang thực ra stand

reason Đây là worth của bạn attention: nó stubborn vấn đề trên web. Web Almanac mobile good-TTFB rate có barely moved trong five năm — hovering khoảng 41–42% — meaning majority của mobile các trang vẫn không có “good” TTFB. đó stagnation là, frankly, opportunity. cho máy chủ-nặng trang web failing LCP, TTFB là thường highest-leverage khắc phục on board.

điều này trang là part của web-performance cluster, mà sits dưới Cốt lõi Web Chỉ số quan trọng. cho các chỉ số TTFB feeds vào, see Largest Contentful Paint và đầu tiên Contentful Paint; để đo lường nó on thực người dùng và trong lab, see CrUX, PageSpeed Insights, và Lighthouse.

AI summary

condensed take on Nâng cao version:

• TTFB = đó chờ cho đó đầu tiên byte. Time từ đó bắt đầu of đó yêu cầu để khi đó đầu tiên byte of đó phản hồi arrives — đó sum of chuyển hướng time, service worker startup, DNS lookup, connection + TLS negotiation, và đó yêu cầu itself. Không chỉ máy chủ processing.
• Điều này không phải một Cốt lõi Web Vital. Đó Core Web Vitals là LCP, INP, và CLS. TTFB là một foundational, diagnostic chỉ số.
• Điều này caps FCP và LCP. Cả hai bao gồm TTFB, so một chậm TTFB sets một ceiling on cách fast một trang có thể load. On poor-LCP các trang, TTFB alone đã là ~2,27 s — nearly đó toàn bộ 2,5 s good-LCP budget.
• Thứ hạng: gián tiếp. TTFB không một Google tín hiệu xếp hạng, nhưng đây là baked vào LCP, mà là. Đó path chạy qua LCP.
• Thresholds (75th pct): good ≤ 0,8 s, poor > 1,8 s. Đó “good” line moved từ 500 ms để 800 ms trong 2022.
• 600 ms so với 800 ms: Lighthouse “Reduce server response times” (bản dịch) «Reduce máy chủ phản hồi times» audit flags ~600 ms of máy chủ time chỉ — hẹp hơn đó 800 ms đầy đủ-TTFB trường ngưỡng. “Server response time is only part of the full TTFB.” (bản dịch) «Thời gian phản hồi của máy chủ là chỉ part of đó đầy đủ TTFB.» As of Lighthouse 13 này audit lives bên trong đó “Document request latency” (bản dịch) «Document yêu cầu latency» insight.
• Trường và lab: CrUX/PSI/Search Console (trường); DevTools “Waiting (TTFB)” (bản dịch) «Đang chờ (TTFB)», WebPageTest, Lighthouse (lab).
• Cao TTFB ≠ chậm site: an SSR trang có thể có một cao hơn TTFB nhưng tốt hơn FCP/LCP hơn một client-được kết xuất một, vì đó đầu tiên byte là hoàn tất HTML.
• Các cách sửa (priority): hosting đầu tiên, thì CDN, HTML bộ nhớ đệm, ít hơn các chuyển hướng, streaming, 103 Sớm Hints, efficient TLS, service worker startup.
• State of đó web: mobile good-TTFB đã được flat tại ~41–42% cho five năm — một real opportunity.

Tài liệu chính thức

Chính-nguồn tài liệu từ Google Chrome và web.dev nhóm.

• Time để Đầu tiên Byte (TTFB) — đó definition, đó five components, đó 0,8 s / 1,8 s thresholds, vì sao điều này không một Cốt lõi Web Vital, và của nó mối quan hệ để FCP và LCP.
• Optimize TTFB — đó optimization hướng dẫn: hosting đầu tiên, thì CDN, bộ nhớ đệm, các chuyển hướng, streaming, 103 Sớm Hints, và service workers.
• Reduce máy chủ phản hồi times — đó Lighthouse audit (~600 ms máy chủ-time ngưỡng) và cách điều này differs từ đầy đủ TTFB. As of Lighthouse 13 đây là folded vào đó “Document request latency” (bản dịch) «Document yêu cầu latency» insight.
• Web Chỉ số quan trọng — nơi TTFB sits trong đó chỉ số taxonomy: một supplementary/diagnostic chỉ số, với LCP, INP, và CLS as đó Cốt lõi Web Chỉ số quan trọng.
• Largest Contentful Paint (LCP) — xác nhận LCP bao gồm TTFB delays.
• Đầu tiên Contentful Paint (FCP) — xác nhận FCP bao gồm TTFB, và lists “reduce server response times (TTFB)” (bản dịch) «reduce máy chủ phản hồi times (TTFB)» as một cách sửa.
• Core Web Vitals (Google Search Central) — đó xếp hạng-tín hiệu tài liệu name LCP, INP, và CLS chỉ; TTFB không phải listed.
• 103 Sớm Hints — đó sớm phản hồi code, trình duyệt/máy chủ hỗ trợ, và thực tế kết quả.

Quotes từ nguồn

On—record statements từ Google web.dev và Chrome nhóm. mỗi link là deep link đó jumps để quoted passage on nguồn trang nơi một là verified.

web.dev — Điều gì TTFB là

• “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.” (bản dịch) «TTFB là một chỉ số đó measures đó time giữa starting navigating để một trang và khi đó đầu tiên byte of một phản hồi begins để arrive.» Nhảy đến trích dẫn
• “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.” (bản dịch) «Time để Đầu tiên Byte (TTFB) là một foundational chỉ số cho measuring connection setup time và web máy chủ responsiveness trong cả hai đó lab và đó trường.» Nhảy đến trích dẫn

web.dev — thresholds

• “Good TTFB values are 0.8 seconds or less, and poor values are greater than 1.8 seconds.” (bản dịch) «Good TTFB các giá trị là 0,8 seconds hoặc ít hơn, và poor các giá trị là greater hơn 1,8 seconds.» Nhảy đến trích dẫn

web.dev — không Cốt lõi 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.” (bản dịch) «Vì TTFB không một Core Web Vitals chỉ số, đây là không absolutely necessary đó các trang đáp ứng đó ‘good’ TTFB ngưỡng, provided đó điều này không impede của họ ability để score well on đó các chỉ số đó quan trọng.» Nhảy đến trích dẫn

web.dev — mối quan hệ để FCP và LCP

• “Because TTFB precedes user-centric metrics such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP)…” (bản dịch) «Vì TTFB precedes người dùng-centric các chỉ số such as Đầu tiên Contentful Paint (FCP) và Largest Contentful Paint (LCP)…» Nhảy đến trích dẫn
• On một máy chủ-được kết xuất 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.” (bản dịch) «một máy chủ-được kết xuất site đó không yêu cầu as nhiều client-side hoạt động có thể có một cao hơn TTFB, nhưng tốt hơn FCP và LCP các giá trị hơn an hoàn toàn client-được kết xuất experience.» (web.dev, “Time to First Byte” (bản dịch) «Time để Đầu tiên Byte»)

Lighthouse — máy chủ phản hồi time so với đầy đủ TTFB

• “Server response time is only part of the full Time to First Byte (TTFB).” (bản dịch) «Thời gian phản hồi của máy chủ là chỉ part of đó đầy đủ Time để Đầu tiên Byte (TTFB).» (Lighthouse, “Reduce server response times.” (bản dịch) «Reduce máy chủ phản hồi times.»)

Patrick Stox — on TTFB’s status (từ my Ahrefs Core Web Vitals hướng dẫn)

• “There are additional Web Vitals that serve as proxy measures or supplemental metrics but are not used in the ranking calculations. The Web Vitals metrics for visual load include Time to First Byte (TTFB) and First Contentful Paint (FCP).” (bản dịch) «Có additional Web Chỉ số quan trọng đó serve as proxy measures hoặc supplemental các chỉ số nhưng không phải dùng trong đó xếp hạng calculations. Đó Web Chỉ số quan trọng các chỉ số cho visual load bao gồm Time để Đầu tiên Byte (TTFB) và Đầu tiên Contentful Paint (FCP).» Đọc đó hướng dẫn

TTFB triage checklist

Khi PageSpeed Insights, Search Console, hoặc Lighthouse flags chậm máy chủ phản hồi, hoạt động xuống điều này list:

• Xác nhận điều gì bạn là looking tại — đầy đủ trường TTFB (≤0,8 s good) hoặc đó Lighthouse “Reduce server response times” (bản dịch) «Reduce máy chủ phản hồi times» audit (~600 ms, máy chủ time chỉ). They không đó giống nhau number.
• Kiểm tra đó trường, không chỉ đó lab — pull TTFB từ CrUX qua PageSpeed Insights hoặc đó Search Console Core Web Vitals báo cáo, tại đó 75th percentile.
• Xem liệu TTFB là đó điều capping của bạn LCP — nếu LCP là poor và đó trang nội dung là optimized, TTFB là đó đầu tiên suspect.
• Count của bạn các chuyển hướng — eliminate bất kỳ chuyển hướng chains dưới của bạn control on key entry URLs.
• Xác nhận một CDN là serving người dùng của bạn (edge PoPs close để của bạn audience), và đó HTML/edge bộ nhớ đệm là thực ra hitting, không chỉ static assets.
• Profile đó backend — chậm database các truy vấn hoặc nặng máy chủ-side hoạt động on đó main document yêu cầu.
• Verify TLS là efficient (modern giao thức, session resumption) và DNS là fast.
• Nếu đó trang là dynamic SSR, kiểm tra xem streaming là enabled trong của bạn framework — đây là thường off theo mặc định.
• Consider 103 Sớm Hints cho render-cốt yếu các tài nguyên nếu máy chủ của bạn/CDN hỗ trợ điều này.
• Nếu bạn dùng một service worker, kiểm tra của nó startup không thêm để TTFB on đầu tiên load, và đó của nó bộ nhớ đệm strategy helps repeat loads.

TTFB bảng tra nhanh

Điều gì TTFB là sum của

1. chuyển hướng time
2. Service worker startup (nếu bất kỳ)
3. DNS lookup
4. Connection + TLS negotiation
5. yêu cầu — lên để đầu tiên byte của phản hồi

Thresholds (75th percentile của thực-người dùng loads)

Hai thresholds, hai scopes

Fast facts

• TTFB là không một Cốt lõi Web Vital. Đó Core Web Vitals là LCP, INP, CLS.
• đây là cả hai một trường và một lab chỉ số.
• Cả hai FCP và LCP bao gồm TTFB — điều này sets một ceiling on them.
• Xếp hạng impact là gián tiếp, qua LCP — TTFB itself không một tín hiệu xếp hạng.
• DevTools labels điều này “Waiting (TTFB)” (bản dịch) «Đang chờ (TTFB)» trong đó Network panel.
• Đó “good” line moved từ 500 ms → 800 ms trong 2022.

khắc phục priority: hosting → CDN → HTML/edge bộ nhớ đệm → cut các chuyển hướng → stream markup → 103 Sớm Hints → efficient TLS → service worker startup.

Tools cho measuring TTFB

• PageSpeed Insights — đó easiest trường đọc: cho thấy của bạn CrUX TTFB (real Chrome người dùng) alongside một lab chạy, cho một URL hoặc origin.
• Search Console — Core Web Vitals báo cáo — trường dữ liệu grouped by URL pattern; đó place để spot TTFB các vấn đề tại quy mô.
• CrUX (Chrome Người dùng Experience Báo cáo) — đó underlying trường dataset; queryable trực tiếp qua đó CrUX API hoặc BigQuery cho lịch sử trends.
• Chrome DevTools — Network panel — hover đó main document yêu cầu và đọc đó “Waiting (TTFB)” (bản dịch) «Đang chờ (TTFB)» timing cho một precise lab breakdown of connection so với máy chủ time.
• Lighthouse — chạy đó “Reduce server response times” (bản dịch) «Reduce máy chủ phản hồi times» audit (~600 ms máy chủ-time flag); được xây dựng vào DevTools và PageSpeed Insights. As of Lighthouse 13, này kiểm tra surfaces bên trong đó “Document request latency” (bản dịch) «Document yêu cầu latency» insight.
• WebPageTest — detailed waterfalls với TTFB hỏng out by connection phase, và multi-location/connection kiểm thử để isolate geographic latency.
• web-chỉ số quan trọng JS library — collect TTFB (và đó rest) từ của bạn own real người dùng trong đó trường và gửi điều này để của bạn analytics.

TTFB mistakes đó lead để sai khắc phục

Calling mỗi delay máy chủ vấn đề

TTFB bao gồm các chuyển hướng, DNS, connection setup, TLS, service-worker startup, và máy chủ processing. Break yêu cầu vào phases trước khi thay đổi application code hoặc hosting.

Comparing Lighthouse 600 ms audit với 800 ms trường ngưỡng

Lighthouse audit là hẹp hơn lab diagnostic, trong khi 0,8-thứ hai hướng dẫn mô tả đầy đủ TTFB. Label nguồn và phạm vi Khi reporting either number.

Kiểm thử chỉ từ location near origin

nearby lab có thể hide geographic latency. So sánh regions hoặc sử dụng thực-người dùng dữ liệu trước khi assuming giống nhau experience áp dụng để toàn bộ audience.

Chasing TTFB trong khi trang là đã fast

cao TTFB có thể là compatible với fast streamed hoặc được lưu đệm experience. kiểm tra liệu nó thực ra constrains FCP hoặc LCP trước khi prioritizing nó over lớn hơn bottleneck.

Diagnose chậm TTFB by symptom

đầu tiên yêu cầu là chậm nhưng repeat các yêu cầu là fast

có khả năng nguyên nhân: cold caches, connection setup, hoặc application warm-lên. khắc phục: inspect bộ nhớ đệm các header và tách biệt cold từ warm các kiểm thử. xác nhận: waterfall hiển thị mà connection hoặc máy chủ phase disappears on repeat yêu cầu.

TTFB là chậm chỉ trong distant regions

có khả năng nguyên nhân: physical distance để origin hoặc CDN bộ nhớ đệm miss. khắc phục: phục vụ có thể lưu vào bộ nhớ đệm HTML closer để người dùng và verify edge bộ nhớ đệm behavior. xác nhận: regional các kiểm thử hiển thị ngắn hơn chờ không có thay đổi phản hồi thân phản hồi.

URL có nhiều tệ hơn TTFB hơn của nó template peers

có khả năng nguyên nhân: các chuyển hướng, uncached route, hoặc expensive trang-cụ thể backend hoạt động. khắc phục: so sánh chuyển hướng chain, bộ nhớ đệm status, và máy chủ timing với healthy peer. xác nhận: outlier document yêu cầu moves lại toward template baseline.

DevTools và CrUX disagree

có khả năng nguyên nhân: một lab yêu cầu không thể represent trường devices, locations, bộ nhớ đệm trạng thái, và 75th percentile. khắc phục: sử dụng lab yêu cầu để diagnose và trường dữ liệu để judge prevalence. xác nhận: của bạn RUM distribution giải thích mà segment produces chậm hơn aggregate.

Đo lường TTFB từ command line

sử dụng curl timing variables để tách biệt đầu tiên byte từ DNS, connection, và 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 là command TTFB-style việc đo lường. Chạy several cold và warm các yêu cầu từ nhiều hơn một relevant region; single local sample không phải trường benchmark.

đọc Navigation Timing trong trình duyệt

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 TTFB thay đổi took effect

Edge-bộ nhớ đệm kiểm thử

Kiểm thử để chạy: yêu cầu giống nhau document twice với curl -sS -D - -o /dev/null, sau đó inspect CDN’s bộ nhớ đệm-status và age các header. Dự kiến kết quả: repeat yêu cầu là phân phối từ bộ nhớ đệm according để CDN’s được ghi lại header. thất bại interpretation: route là bypassing hoặc immediately expiring bộ nhớ đệm. Monitoring window: immediate. Rollback trigger: personalized, authenticated, hoặc stale HTML là phân phối để sai yêu cầu.

chuyển hướng-removal kiểm thử

Kiểm thử để chạy: sử dụng curl -sS -I on cuối công khai URL và inspect chuyển hướng chain riêng. Dự kiến kết quả: dự kiến entry URL reaches document không có avoidable hop. thất bại interpretation: routing hoặc canonical-host rules vẫn thêm round trip. Monitoring window: immediate. Rollback trigger: thay đổi breaks bắt buộc HTTP-để-HTTPS hoặc hostname normalization.

Trường TTFB kiểm thử

Kiểm thử để chạy: so sánh post-phát hành Navigation Timing hoặc web-vitals TTFB by region và template với pre-phát hành baseline. Dự kiến kết quả: p75 improves trong affected segments không có nhiều hơn các lỗi. thất bại interpretation: lab gain đã làm không reach thực người dùng hoặc shifted hoạt động elsewhere. Monitoring window: as RUM traffic arrives; CrUX over của nó rolling window. Rollback trigger: lỗi rate, bộ nhớ đệm correctness, hoặc người dùng-visible latency worsens.

TTFB các chỉ số worth theo dõi

thực-người dùng TTFB tại p75

Chỉ số: 75th-percentile TTFB by template, region, và device class. Điều gì nó tells bạn: Cách dài document yêu cầu delays phần lớn thực visits trước khi kết xuất có thể begin. Cách pull nó: Navigation Timing, web-vitals library, CrUX, hoặc PageSpeed Insights. Benchmark / realistic range: 0,8 seconds hoặc ít hơn là good đích described trong điều này bài viết; interpret segments riêng. Cadence: weekly trong RUM và monthly cho rolling công khai trường trend.

bộ nhớ đệm-hit TTFB versus bộ nhớ đệm-miss TTFB

Chỉ số: p75 TTFB split by CDN’s bộ nhớ đệm outcome. Điều gì nó tells bạn: liệu origin hoạt động hoặc edge phân phối owns delay. Cách pull nó: join phản hồi bộ nhớ đệm-status các header với RUM hoặc CDN nhật ký. Benchmark / realistic range: sử dụng trang web own regional baseline vì provider, route, và personalization differ. Cadence: weekly và sau khi bộ nhớ đệm-rule thay đổi.

TTFB share của LCP

Chỉ số: TTFB divided by LCP duration cho giống nhau visit. Điều gì nó tells bạn: liệu máy chủ và connection time là limiting part của loading experience. Cách pull nó: collect TTFB và LCP together trong RUM. Benchmark / realistic range: không universal percentage là honest; prioritize TTFB Khi nó consistently consumes lớn part của LCP. Cadence: monthly by template.

các tài nguyên worth của bạn time

My related writing

• Core Web Vitals: Người mới bắt đầu Hướng dẫn — nơi TTFB fits among loading các chỉ số, và Vì sao nó supplemental chỉ số thay vì tín hiệu xếp hạng.
• Người mới bắt đầu Hướng dẫn để kỹ thuật SEO — bigger picture trang web performance sits bên trong.

Chính thức

• web.dev TTFB và Optimize TTFB — hai definitive các trang.
• Chrome team 103 Sớm Hints ghi-lên, với Shopify/Cloudflare kết quả.

Dữ liệu

• HTTP Archive Web Almanac — Performance chapter — dài-chạy TTFB và LCP trường dữ liệu cho toàn bộ web.

từ khoảng ngành

• Cloudflare blog: Sớm Hints — Cloudflare’s own ghi-lên on shipping 103 Sớm Hints, including thực-world kết quả và CDN chi tiết triển khai.
• web-chỉ số quan trọng JS library (GitHub) — canonical library cho collecting TTFB (và all Web Chỉ số quan trọng) từ thực người dùng; sử dụng điều này để gửi trường TTFB để của bạn own phân tích.
• HTTP Archive Web Almanac 2022 — Performance — lịch sử baseline cho thấy 40% mobile good-TTFB dưới sau đó-new 800 ms ngưỡng; hữu ích cho multi-năm trend context.
• Fastly — HTTP/2 máy chủ Push so với Sớm Hints — CDN perspective on Vì sao Sớm Hints là thay thế máy chủ Push cho reducing TTFB impact.

Số liệu worth citing

• ~42% của mobile các trang có “good” TTFB — và nó barely moved trong five năm. Web Almanac mobile good-TTFB rate có hovered khoảng 41–42% trên five năm của dữ liệu: stubborn, web-wide stagnation. Nguồn
• On poor-LCP các trang, TTFB alone consumed ~2,27 seconds — nearly đểàn bộ 2,5-thứ hai “good LCP” ngưỡng, trước khi bất kỳ nội dung được kết xuất. TTFB là largest sub-part của LCP cho các trang đó fail nó. Nguồn
• 103 Sớm Hints delivered several hundred milliseconds của LCP improvement trong Shopify và Cloudflare kiểm thử — trong một số trường hợp close để thứ hai nhanh hơn. Nguồn
• ** “good” TTFB line moved từ 500 ms để 800 ms trong 2022**, và lịch sử dữ liệu là recalculated dưới new tiêu chuẩn — worth knowing trước khi comparing old TTFB numbers. Nguồn

Tự kiểm tra: Time để đầu tiên Byte

Five nhanh các câu hỏi on Điều gì TTFB measures và Cách improve nó. Pick câu trả lời cho mỗi, sau đó kiểm tra.

Nhật ký thay đổi