Time untuk pertama Byte (TTFB)

TL;DR — Time untuk pertama Byte adalah bagaimana panjang browser menunggu, setelah ini menanyakan untuk sebuah halaman, sebelum very pertama byte dari jawaban muncul back. ini adalah sebuah mengukur dari server responsiveness. sebuah baik TTFB adalah 0,8 seconds atau lebih sedikit. ini adalah tidak sebuah Core Web Vital — tetapi sebuah slow satu drags down metrics itu adalah, karena tidak ada apa pun pada halaman dapat mulai until itu pertama byte menampilkan up.

Apa TTFB adalah

Ketika Anda click sebuah tautan, Anda browser mengirim sebuah permintaan untuk sebuah server dan lalu menunggu. Time untuk pertama Byte (TTFB) adalah length dari itu tunggu — dari moment permintaan dimulai untuk moment pertama byte dari respons begins untuk arrive.

ini tidak hanya “bagaimana fast itu server thinks.” (terjemahan) “bagaimana fast server thinks.” sebuah lot happens sebelum Anda browser bahkan talks untuk right machine: ini dapat ikuti sebuah redirect, look up domain di DNS, open sebuah connection, dan negotiate secure (TLS) handshake. TTFB rolls semua dari itu together, lalu menambahkan server’s own processing time, dan berhenti clock di pertama byte back.

Apa counts sebagai baik

Google’s web.dev guidance adalah sederhana: aim untuk sebuah TTFB dari 0,8 seconds atau lebih sedikit. Di atas 1,8 seconds adalah considered poor. sebagian besar situs seharusnya menjadi able untuk hit baik mark — dan banyak jangan, yang adalah persis mengapa ini adalah worth memeriksa.

«## Why it matters even though it isn’t a “core” metric » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian sembilan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Anda’ll hear sebuah lot tentang Core Web Vitals — LCP, INP, dan CLS. TTFB adalah tidak satu dari them. tetapi ini sits underneath ones tentang memuat: keduanya pertama Contentful Paint dan Largest Contentful Paint sertakan TTFB di mereka pengukuran. browser dapat’t paint apa pun until bytes mulai arriving. So sebuah slow TTFB puts sebuah ceiling pada bagaimana fast Anda halaman dapat possibly feel.

practical takeaway: TTFB tidak mendapatkan Anda diperingkatkan oleh itself, tetapi sebuah buruk satu diam-diam holds back metrics itu melakukan.

biasa memperbaiki, di plain istilah

• gunakan CDN. ini puts sebuah copy dari Anda situs pada server physically closer untuk Anda pengunjung, so round trip adalah lebih singkat.
• Cache Anda halaman. jika server dapat hand back sebuah ready-dibuat copy alih-alih rebuilding halaman setiap time, pertama byte muncul banyak sooner.
• Mendapatkan better hosting. sebuah lebih cepat server dan database adalah paling direct perbaiki.
• Cut redirects. setiap redirect adalah sebuah extra round trip sebelum nyata halaman bahkan dimulai memuat.

ingin penuh versi — tepat thresholds, LCP hubungan, Lighthouse-vs-CrUX threshold confusion, Early Hints, dan cara mengukur ini? Switch untuk Advanced tab.

«> TL;DR — TTFB is the time from the start of the request to when the first byte

of the response arrives — the sum of redirect time, service worker startup, DNS lookup, connection + TLS negotiation, and the request itself, up to that first byte. It is not a Core Web Vital; it’s a foundational, diagnostic metric that feeds FCP and LCP. web.dev: good is ≤0.8 s, poor is >1.8 s (75th percentile). It’s both a field and a lab metric. Lighthouse’s “Reduce server response times” audit is narrower — it flags server time over ~600 ms, not full TTFB, and as of Lighthouse 13 it lives inside the “Document request latency” insight. Fix it with a CDN, edge/HTML caching, faster hosting, fewer redirects, 103 Early Hints, and efficient TLS. And a high TTFB doesn’t always mean a slow site. » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh belas, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Apa TTFB sebenarnya measures

TTFB measures time antara starting untuk navigate untuk sebuah halaman dan ketika pertama byte dari respons begins untuk arrive. hal orang mendapatkan wrong adalah treating ini sebagai pure backend processing time. ini tidak. ini adalah sum dari semuanya itu memiliki untuk finish sebelum itu pertama byte dapat come back:

1. Redirect time
2. Service worker startup time (jika satu applies)
3. DNS lookup
4. Connection dan TLS negotiation
5. ** permintaan** — up until poin pertama byte dari respons memiliki arrived

server processing adalah di di sana, tetapi so adalah seluruh connection-setup tax. itu pembedaan penting moment Anda mulai reading alat, karena mereka jangan semua mengukur yang sama slice (lebih pada itu di bawah).

ini adalah tidak sebuah 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.” » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian dua puluh tiga, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Google adalah juga jelas itu Anda tidak strictly memiliki untuk hit baik TTFB threshold: karena ini tidak sebuah Core Web Vital, ini adalah “tidak absolutely necessary itu sites memenuhi itu ‘good’ TTFB threshold, provided itu it tidak impede mereka ability untuk score well pada itu metrics itu matter.” (terjemahan) “tidak absolutely necessary itu situs memenuhi ‘baik’ TTFB threshold, disediakan itu ini tidak impede mereka ability untuk score well pada metrics itu penting.” itu terakhir clause adalah catch — untuk sebagian besar situs sebuah buruk TTFB absolutely melakukan impede metrics itu penting.

Bagaimana ini caps FCP dan LCP

TTFB precedes setiap pengguna-centric memuat metric. Keduanya pertama Contentful Paint dan Largest Contentful Paint sertakan TTFB di mereka pengukuran — clock untuk itu metrics adalah sudah berjalan sementara Anda tunggu untuk pertama byte. web.dev breaks LCP ke sub-bagian dan TTFB adalah pertama dari them, yang adalah mengapa Anda dapat’t memiliki sebuah fast LCP sitting pada top dari sebuah slow TTFB.

ini adalah juga di mana dunia nyata data mendapatkan pointed. HTTP Archive’s Web Almanac ditemukan itu pada situs dengan poor LCP, TTFB alone adalah eating roughly 2,27 seconds — nearly entire 2,5-kedua “good LCP” (terjemahan) “baik LCP” budget — sebelum apa pun image atau text bahkan dimulai untuk render. jika Anda LCP adalah buruk dan Anda pada-halaman konten looks dioptimalkan, TTFB adalah pertama place I’d look.

So peringkat story adalah indirect tetapi nyata: TTFB adalah tidak sebuah Google sinyal peringkat ( sinyal peringkat adalah LCP, INP, dan CLS — TTFB tidak named di itu set). tetapi ini adalah baked ke LCP, yang adalah sebuah sinyal peringkat. path berjalan melalui LCP, tidak melalui TTFB secara langsung.

Thresholds: baik, perlu improvement, poor

web.dev’s guidance, diukur di 75th percentile dari nyata-pengguna memuat:

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

“Paling sites seharusnya strive untuk memiliki a TTFB dari 0.8 seconds atau lebih sedikit.” (terjemahan) “sebagian besar situs seharusnya strive untuk memiliki sebuah TTFB dari 0,8 seconds atau lebih sedikit.” Worth knowing history: Google moved “good” (terjemahan) “baik” line dari 500 ms untuk 800 ms back di 2022, dan older data adalah recalculated di bawah baru standard — so jangan bandingkan mentah historical TTFB angka tanpa memeriksa yang threshold mereka digunakan.

600 ms vs 800 ms confusion

ini trips up sebuah lot dari orang, so ini adalah worth menjadi precise. ada dua berbeda angka floating sekitar:

• CrUX / web.dev TTFB threshold: 800 ms. ini adalah field threshold untuk penuh TTFB (DNS + connection + TLS + redirects + server time).
• Lighthouse “Reduce server response times” (terjemahan) “Reduce server respons times” audit: ~600 ms. ini adalah sebuah lab audit itu flags ketika browser menunggu lebih daripada tentang 600 ms untuk server untuk respond untuk main document permintaan. Crucially, ini measures server respons time hanya — ini melakukan tidak sertakan DNS, connection setup, atau TLS.

So Lighthouse angka looks stricter, tetapi ini adalah measuring sebuah lebih sempit slice. sebagai docs put ini, “waktu respons server adalah hanya part dari itu penuh Waktu hingga byte pertama (TTFB).” (terjemahan) “server respons time adalah hanya bagian dari penuh Time untuk pertama Byte (TTFB).” jangan treat sebuah passing Lighthouse audit sebagai proof dari sebuah baik field TTFB, dan jangan panic itu 600 < 800 berarti thresholds contradict setiap lainnya — mereka mengukur berbeda hal.

Satu versi note: sebagai dari Lighthouse 13, ini audit Tidak lebih lama stands alone — ini adalah telah folded ke lebih luas “Document request latency” (terjemahan) “Document permintaan latency” insight. underlying ~600 ms server-respons periksa adalah yang sama; ini adalah hanya surfaced differently depending pada yang Lighthouse versi generated Anda report.

Field dan lab — keduanya

TTFB adalah satu dari metrics Anda dapat baca di keduanya worlds. di field, ini muncul dari CrUX (nyata Chrome pengguna), surfaced di PageSpeed Insights dan Search Console. di lab, Chrome DevTools labels ini “Menunggu (TTFB)” (terjemahan) “Menunggu (TTFB)” di Network panel waterfall (“itu browser adalah menunggu untuk itu pertama byte dari a response” (terjemahan) “ browser adalah menunggu untuk pertama byte dari sebuah respons”), dan alat like WebPageTest dan Lighthouse report ini too. Satu field caveat: di CrUX, TTFB adalah masih treated sebagai somewhat experimental — ini excludes beberapa advanced navigation jenis like prerendered dan back/forward-cache navigations, so field averages dapat baca sebuah touch pessimistic relative untuk apa pengguna sebenarnya feel.

sebuah tinggi TTFB tidak selalu berarti sebuah slow situs

«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.” » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian empat puluh satu, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

flip side: untuk sebuah client-dirender single-halaman app, TTFB determines ketika JavaScript bundle bahkan dimulai memuat, so sebuah rendah TTFB penting lebih di sana, tidak lebih sedikit. jangan mengoptimalkan TTFB di sebuah vacuum — mengoptimalkan seluruh memuat chain, dan judge TTFB oleh apa ini melakukan untuk FCP dan LCP.

cara meningkatkan TTFB

Roughly di priority order:

• Mulai dengan hosting. sebuah slow backend atau database kueri adalah sebuah tax pada setiap single permintaan, dan Tidak amount dari front-end berfungsi menghapus ini. ini adalah pertama hal untuk pertimbangkan.
• gunakan CDN. sebuah CDN solves proximity masalah — sebuah distributed network dari edge server caches resources physically closer untuk Anda pengguna, cutting speed-dari-light cost dari connection dan TLS handshake. ini adalah highest-ROI perbaiki untuk sebagian besar situs, karena geographic distance dari Anda origin adalah sebuah structural tax tidak ada apa pun pada backend dapat erase. caveat: untuk fully dynamic, personalized konten itu dapat’t menjadi cached, sebuah CDN menambahkan sebuah hop tanpa sebuah cache-hit payoff — di sana jawaban adalah backend optimization, edge compute, atau streaming.
• Cache Anda HTML, bahkan briefly. bahkan sebuah pendek cache time helps sebuah busy situs noticeably: hanya pertama pengunjung di itu window pays penuh latency back untuk origin; everyone else mendapatkan cached copy.
• Eliminate redirects. Redirects adalah sebuah umum contributor untuk tinggi TTFB — setiap satu adalah sebuah round trip sebelum nyata respons dimulai. Cut ones di bawah Anda control.
• Stream markup untuk browser. browser proses markup efficiently ketika ini adalah streamed di chunks sebagai ini arrives. banyak SSR kerangka kerja mendukung streaming tetapi ini adalah left switched off; mengubah ini pada dapat drop TTFB pada dynamic halaman dengan Tidak infrastructure perubahan di semua.
• gunakan 103 Early Hints. 103 kode status adalah sebuah preliminary respons server dapat kirim sementara backend adalah masih preparing markup, hinting untuk browser untuk begin downloading render-critical resources early. ini tidak lebih rendah TTFB itself — di fact sebuah 103 dapat count sebagai “pertama byte” (terjemahan) “pertama byte” — tetapi ini shrinks impact dari sebuah tinggi TTFB. Shopify dan Cloudflare memiliki reported several hundred milliseconds dari LCP improvement dari ini, di beberapa cases close untuk sebuah kedua.
• Negotiate TLS efficiently dan mengoptimalkan service worker startup. sebuah service worker itu hasn’t dimulai namun menambahkan -nya startup time untuk TTFB; setelah berjalan, -nya cache (stale-sementara-revalidate, atau sebuah app-shell model untuk SPAs) dapat dramatically reduce TTFB.

Di mana situs sebenarnya stand

alasan ini adalah worth Anda attention: ini adalah sebuah stubborn masalah di seluruh web. Web Almanac’s mobile baik-TTFB rate memiliki barely moved di five tahun — hovering sekitar 41–42% — meaning sebuah majority dari mobile situs masih jangan memiliki sebuah “good” (terjemahan) “baik” TTFB. itu stagnation adalah, frankly, sebuah opportunity. untuk sebuah server-berat situs failing LCP, TTFB adalah biasanya highest-leverage perbaiki pada board.

ini halaman adalah bagian dari web-performa cluster, yang sits di bawah Core Web Vitals. untuk metrics TTFB feeds ke, see Largest Contentful Paint dan pertama Contentful Paint; untuk mengukur ini pada pengguna nyata dan di lab, see CrUX, PageSpeed Insights, dan Lighthouse.

AI summary

sebuah condensed take pada Advanced versi:

• TTFB = tunggu untuk pertama byte. Time dari mulai dari permintaan untuk ketika pertama byte dari respons arrives — sum dari redirect time, service worker startup, DNS lookup, connection + TLS negotiation, dan permintaan itself. Tidak hanya server processing.
• ini adalah Tidak sebuah Core Web Vital. Core Web Vitals adalah LCP, INP, dan CLS. TTFB adalah sebuah foundational, diagnostic metric.
• ini caps FCP dan LCP. Keduanya sertakan TTFB, so sebuah slow TTFB sets sebuah ceiling pada bagaimana fast sebuah halaman dapat muat. pada poor-LCP situs, TTFB alone adalah ~2,27 s — nearly seluruh 2,5 s baik-LCP budget.
• Rankings: indirect. TTFB tidak sebuah Google sinyal peringkat, tetapi ini adalah baked ke LCP, yang adalah. path berjalan melalui LCP.
• Thresholds (75th pct): baik ≤ 0,8 s, poor > 1,8 s. “good” (terjemahan) “baik” line moved dari 500 ms untuk 800 ms di 2022.
• 600 ms vs 800 ms: Lighthouse’s “Reduce server response times” (terjemahan) “Reduce server respons times” audit flags ~600 ms dari server time hanya — lebih sempit daripada 800 ms penuh-TTFB field threshold. “Waktu respons server adalah hanya part dari itu penuh TTFB.” (terjemahan) “server respons time adalah hanya bagian dari penuh TTFB.” sebagai dari Lighthouse 13 ini audit lives di dalam “Document request latency” (terjemahan) “Document permintaan latency” insight.
• Field dan lab: CrUX/PSI/Search Console (field); DevTools “Menunggu (TTFB)” (terjemahan) “Menunggu (TTFB)”, WebPageTest, Lighthouse (lab).
• tinggi TTFB ≠ slow situs: sebuah SSR halaman dapat memiliki sebuah lebih tinggi TTFB tetapi better FCP/LCP daripada sebuah client-dirender satu, karena pertama byte adalah menyelesaikan HTML.
• Memperbaiki (priority): hosting pertama, lalu CDN, HTML caching, fewer redirects, streaming, 103 Early Hints, efficient TLS, service worker startup.
• State dari web: mobile baik-TTFB memiliki telah flat di ~41–42% untuk five tahun — sebuah nyata opportunity.

Dokumentasi resmi

Utama-sumber documentation dari Google’s Chrome dan web.dev tim.

• Time untuk pertama Byte (TTFB) — definition, five components, 0,8 s / 1,8 s thresholds, mengapa ini tidak sebuah Core Web Vital, dan -nya hubungan untuk FCP dan LCP.
• mengoptimalkan TTFB — optimization guide: hosting pertama, lalu CDN, caching, redirects, streaming, 103 Early Hints, dan service workers.
• Reduce server respons times — Lighthouse audit (~600 ms server-time threshold) dan bagaimana ini differs dari penuh TTFB. sebagai dari Lighthouse 13 ini adalah folded ke “Document request latency” (terjemahan) “Document permintaan latency” insight.
• Web Vitals — di mana TTFB sits di metric taxonomy: sebuah supplementary/diagnostic metric, dengan LCP, INP, dan CLS sebagai Core Web Vitals.
• Largest Contentful Paint (LCP) — mengonfirmasi LCP mencakup TTFB delays.
• pertama Contentful Paint (FCP) — mengonfirmasi FCP mencakup TTFB, dan lists “reduce server response times (TTFB)” (terjemahan) “reduce server respons times (TTFB)” sebagai sebuah perbaiki.
• Core Web Vitals (Google Search Central) — peringkat-sinyal docs name LCP, INP, dan CLS hanya; TTFB adalah tidak listed.
• 103 Early Hints — early kode respons, browser/server mendukung, dan dunia nyata hasil.

Quotes dari sumber

pada—record statements dari Google’s web.dev dan Chrome tim. setiap tautan adalah sebuah deep tautan itu jumps untuk quoted passage pada sumber halaman di mana satu adalah verified.

web.dev — apa TTFB adalah

«- “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 » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh empat, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.) «- “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 » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh empat, bagian kecil dua: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

web.dev — thresholds

«- “Good TTFB values are 0.8 seconds or less, and poor values are greater than 1.8 seconds.” Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh enam, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

web.dev — tidak sebuah 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 » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh delapan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

web.dev — hubungan untuk FCP dan LCP

«- “Because TTFB precedes user-centric metrics such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP)…” Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.) «- 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”) » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh, bagian kecil dua: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Lighthouse — server respons time vs penuh TTFB

• “Waktu respons server adalah hanya part dari itu penuh Waktu hingga byte pertama (TTFB).” (terjemahan) “server respons time adalah hanya bagian dari penuh Time untuk pertama Byte (TTFB).” (Lighthouse, “Reduce server response times.” (terjemahan) “Reduce server respons times.”)

Patrick Stox — pada TTFB’s status (dari my Ahrefs Core Web Vitals guide)

• “Di sana adalah additional Web Vitals itu serve sebagai proxy measures atau supplemental metrics tetapi adalah tidak digunakan di itu ranking calculations. Itu Web Vitals metrics untuk visual load include Waktu hingga byte pertama (TTFB) dan Pertama Contentful Paint (FCP).” (terjemahan) “ada additional Web Vitals itu sajikan sebagai proxy measures atau supplemental metrics tetapi adalah tidak digunakan di peringkat calculations. Web Vitals metrics untuk visual muat sertakan Time untuk pertama Byte (TTFB) dan pertama Contentful Paint (FCP).” Baca guide

TTFB triage checklist

Ketika PageSpeed Insights, Search Console, atau Lighthouse flags sebuah slow server respons, berfungsi down ini list:

• Konfirmasi apa Anda’re looking di — penuh field TTFB (≤0,8 s baik) atau Lighthouse “Reduce server response times” (terjemahan) “Reduce server respons times” audit (~600 ms, server time hanya). mereka tidak yang sama angka.
• periksa field, tidak hanya lab — pull TTFB dari CrUX melalui PageSpeed Insights atau Search Console Core Web Vitals report, di 75th percentile.
• lihat apakah TTFB adalah hal capping Anda LCP — jika LCP adalah poor dan halaman konten adalah dioptimalkan, TTFB adalah pertama suspect.
• Count Anda redirects — eliminate apa pun rantai pengalihan di bawah Anda control pada key entry URLs.
• Konfirmasi sebuah CDN adalah serving Anda pengguna (edge PoPs close untuk Anda audience), dan itu HTML/edge caching adalah sebenarnya hitting, tidak hanya static assets.
• Profile backend — slow database kueri atau berat server-side berfungsi pada main document permintaan.
• Verify TLS adalah efficient (modern protocol, session resumption) dan DNS adalah fast.
• jika halaman adalah dynamic SSR, periksa apakah streaming adalah enabled di Anda kerangka kerja — ini adalah sering off oleh default.
• pertimbangkan 103 Early Hints untuk render-critical resources jika Anda server/CDN mendukung ini.
• jika Anda gunakan service worker, periksa -nya startup tidak menambahkan untuk TTFB pada pertama muat, dan itu -nya cache strategy helps repeat memuat.

TTFB cheat sheet

Apa TTFB adalah sum dari

1. Redirect time
2. Service worker startup (jika apa pun)
3. DNS lookup
4. Connection + TLS negotiation
5. permintaan — up untuk pertama byte dari respons

Thresholds (75th percentile dari nyata-pengguna memuat)

Dua thresholds, dua scopes

«Fast facts

• TTFB is not a Core Web Vital. The Core Web Vitals are LCP, INP, CLS.
• It’s both a field and a lab metric.
• Both FCP and LCP include TTFB — it sets a ceiling on them.
• Ranking impact is indirect, via LCP — TTFB itself isn’t a ranking signal.
• DevTools labels it “Waiting (TTFB)” in the Network panel.
• The “good” line moved from 500 ms → 800 ms in 2022. » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian delapan puluh sembilan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Perbaiki priority: hosting → CDN → HTML/edge caching → cut redirects → stream markup → 103 Early Hints → efficient TLS → service worker startup.

alat untuk measuring TTFB

• PageSpeed Insights — easiest field baca: menampilkan Anda CrUX TTFB (nyata Chrome pengguna) alongside sebuah lab jalankan, untuk sebuah URL atau origin.
• Search Console — Core Web Vitals report — data lapangan grouped oleh URL pattern; place untuk spot TTFB masalah di scale.
• CrUX (Chrome pengguna Experience Report) — underlying field dataset; queryable secara langsung melalui CrUX API atau BigQuery untuk historical trends.
• Chrome DevTools — Network panel — hover main document permintaan dan baca “Menunggu (TTFB)” (terjemahan) “Menunggu (TTFB)” timing untuk sebuah precise lab breakdown dari connection vs server time.
• Lighthouse — berjalan “Reduce server response times” (terjemahan) “Reduce server respons times” audit (~600 ms server-time flag); dibangun ke DevTools dan PageSpeed Insights. sebagai dari Lighthouse 13, ini periksa surfaces di dalam “Document request latency” (terjemahan) “Document permintaan latency” insight.
• WebPageTest — detailed waterfalls dengan TTFB rusak out oleh connection phase, dan multi-location/connection testing untuk isolate geographic latency.
• web-vitals JS library — collect TTFB (dan rest) dari Anda own pengguna nyata di field dan kirim ini untuk Anda analytics.

TTFB mistakes itu lead untuk wrong perbaiki

Calling setiap delay sebuah server masalah

TTFB mencakup redirects, DNS, connection setup, TLS, service-worker startup, dan server processing. Break permintaan ke phases sebelum mengubah application code atau hosting.

Comparing Lighthouse’s 600 ms audit dengan 800 ms field threshold

Lighthouse audit adalah sebuah lebih sempit lab diagnostic, sementara 0,8-kedua guidance mendeskripsikan penuh TTFB. Label sumber dan cakupan ketika reporting either angka.

Testing hanya dari sebuah location near origin

sebuah nearby lab dapat hide geographic latency. Bandingkan regions atau gunakan nyata-pengguna data sebelum assuming yang sama experience applies untuk seluruh audience.

Chasing TTFB sementara halaman adalah sudah fast

sebuah tinggi TTFB dapat menjadi compatible dengan sebuah fast streamed atau cached experience. periksa apakah ini sebenarnya constrains FCP atau LCP sebelum prioritizing ini di atas sebuah lebih besar bottleneck.

Diagnose sebuah slow TTFB oleh symptom

pertama permintaan adalah slow tetapi repeat permintaan adalah fast

mungkin penyebab: cold caches, connection setup, atau application warm-up. Perbaiki: inspect cache headers dan terpisah cold dari warm tests. Konfirmasi: waterfall menampilkan yang connection atau server phase disappears pada repeat permintaan.

TTFB adalah slow hanya di distant regions

mungkin penyebab: physical distance untuk origin atau sebuah CDN cache miss. Perbaiki: sajikan cacheable HTML closer untuk pengguna dan verify edge cache perilaku. Konfirmasi: regional tests tampilkan sebuah lebih singkat tunggu tanpa mengubah respons body.

sebuah URL memiliki banyak worse TTFB daripada -nya template peers

mungkin penyebab: redirects, sebuah uncached route, atau expensive halaman-spesifik backend berfungsi. Perbaiki: bandingkan rantai pengalihan, cache status, dan server timing dengan sebuah healthy peer. Konfirmasi: outlier’s document permintaan moves back toward template baseline.

DevTools dan CrUX disagree

mungkin penyebab: satu lab permintaan cannot mewakili field’s devices, locations, cache status, dan 75th percentile. Perbaiki: gunakan lab permintaan untuk diagnose dan data lapangan untuk judge prevalence. Konfirmasi: Anda RUM distribution menjelaskan yang segment produces lebih lambat aggregate.

mengukur TTFB dari command line

gunakan curl’s timing variables untuk terpisah pertama byte dari DNS, connection, dan 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 adalah command’s TTFB-style pengukuran. Jalankan several cold dan warm permintaan dari lebih daripada satu relevant region; sebuah single local sample adalah tidak sebuah field benchmark.

Baca Navigation Timing di browser

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 sebuah TTFB perubahan took effect

Edge-cache test

Test untuk jalankan: permintaan yang sama document twice dengan curl -sS -D - -o /dev/null, lalu inspect CDN’s cache-status dan age headers. Yang diharapkan hasil: repeat permintaan adalah disajikan dari cache menurut CDN’s terdokumentasi header. Failure interpretation: route adalah bypassing atau immediately expiring cache. Monitoring window: immediate. Rollback trigger: personalized, authenticated, atau stale HTML adalah disajikan untuk wrong permintaan.

Redirect-removal test

Test untuk jalankan: gunakan curl -sS -I pada akhir publik URL dan inspect rantai pengalihan secara terpisah. Yang diharapkan hasil: yang dimaksud entry URL reaches document tanpa sebuah avoidable hop. Failure interpretation: routing atau canonical-host aturan masih tambahkan sebuah round trip. Monitoring window: immediate. Rollback trigger: perubahan breaks diperlukan HTTP-untuk-HTTPS atau hostname normalization.

Field TTFB test

Test untuk jalankan: bandingkan post-rilis Navigation Timing atau web-vitals TTFB oleh region dan template dengan pre-rilis baseline. Yang diharapkan hasil: p75 improves di affected segments tanpa lebih errors. Failure interpretation: lab gain melakukan tidak reach pengguna nyata atau shifted berfungsi elsewhere. Monitoring window: sebagai RUM traffic arrives; CrUX di atas -nya rolling window. Rollback trigger: error rate, cache correctness, atau pengguna-terlihat latency worsens.

TTFB metrics worth tracking

nyata-pengguna TTFB di p75

Metric: 75th-percentile TTFB oleh template, region, dan device class. Apa ini tells Anda: bagaimana panjang document permintaan delays sebagian besar nyata visits sebelum rendering dapat begin. cara pull ini: Navigation Timing, web-vitals library, CrUX, atau PageSpeed Insights. Benchmark / realistic range: 0,8 seconds atau lebih sedikit adalah baik target described di ini artikel; interpret segments secara terpisah. Cadence: weekly di RUM dan monthly untuk rolling publik field trend.

«### Cache-hit TTFB versus cache-miss TTFB » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian seratus tiga puluh sembilan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Metric: p75 TTFB split oleh CDN’s cache outcome. Apa ini tells Anda: apakah origin berfungsi atau edge pengiriman owns delay. cara pull ini: join respons cache-status headers dengan RUM atau CDN logs. Benchmark / realistic range: gunakan situs’s own regional baseline karena provider, route, dan personalization differ. Cadence: weekly dan setelah cache-aturan perubahan.

TTFB share dari LCP

Metric: TTFB divided oleh LCP duration untuk yang sama visit. Apa ini tells Anda: apakah server dan connection time adalah limiting bagian dari memuat experience. cara pull ini: collect TTFB dan LCP together di RUM. Benchmark / realistic range: Tidak universal percentage adalah honest; prioritize TTFB ketika ini consistently consumes sebuah besar bagian dari LCP. Cadence: monthly oleh template.

Resources worth Anda time

My related writing

• Core Web Vitals: sebuah Beginner’s Guide — di mana TTFB fits among memuat metrics, dan mengapa ini adalah sebuah supplemental metric alih-alih sebuah sinyal peringkat.
• Beginner’s Guide untuk SEO teknis — bigger picture situs performa sits di dalam.

Official

• web.dev’s TTFB dan mengoptimalkan TTFB — dua definitive halaman.
• Chrome team’s 103 Early Hints tulis-up, dengan Shopify/Cloudflare hasil.

data

• HTTP Archive Web Almanac — performa chapter — panjang-jalankan TTFB dan LCP data lapangan untuk seluruh web.

dari sekitar industry

• Cloudflare blog: Early Hints — Cloudflare’s own tulis-up pada shipping 103 Early Hints, including dunia nyata hasil dan CDN implementation detail.
• web-vitals JS library (GitHub) — canonical library untuk collecting TTFB (dan semua Web Vitals) dari pengguna nyata; gunakan ini untuk kirim field TTFB untuk Anda own analytics.
• HTTP Archive Web Almanac 2022 — performa — historical baseline menunjukkan 40% mobile baik-TTFB di bawah lalu-baru 800 ms threshold; berguna untuk multi-tahun trend context.
• Fastly — HTTP/2 server Push vs Early Hints — CDN perspective pada mengapa Early Hints adalah replacing server Push untuk reducing TTFB impact.

Stats worth citing

• ~42% dari mobile situs memiliki sebuah “good” (terjemahan) “baik” TTFB — dan ini adalah barely moved di five tahun. Web Almanac’s mobile baik-TTFB rate memiliki hovered sekitar 41–42% di seluruh five tahun dari data: sebuah stubborn, web-wide stagnation. Sumber
• pada poor-LCP situs, TTFB alone consumed ~2,27 seconds — nearly entire 2,5-kedua “good LCP” (terjemahan) “baik LCP” threshold, sebelum apa pun konten dirender. TTFB adalah largest sub-bagian dari LCP untuk situs itu fail ini. Sumber
• 103 Early Hints delivered several hundred milliseconds dari LCP improvement di Shopify dan Cloudflare testing — di beberapa cases close untuk sebuah kedua lebih cepat. Sumber
• ** “good” (terjemahan) “baik” TTFB line moved dari 500 ms untuk 800 ms di 2022**, dan historical data adalah recalculated di bawah baru standard — worth knowing sebelum comparing old TTFB angka. Sumber

Uji pemahaman Anda: Time untuk pertama Byte

Five quick pertanyaan pada apa TTFB measures dan cara meningkatkan ini. Pick sebuah jawaban untuk setiap, lalu periksa.

Log perubahan