Speed indeks

TL;DR — Speed indeks adalah sebuah Lighthouse score untuk how quickly stuff pada Anda halaman menampilkan up while ini memuat. Lower (faster) adalah better, diukur di seconds. pada mobile, di bawah 3,4 s adalah baik. ini adalah not sebuah Core Web Vital dan ini doesn’t directly affect Anda Google rankings — tetapi things itu fix ini biasanya help metrics itu melakukan.

What Speed indeks adalah

When Anda run sebuah halaman melalui Lighthouse atau PageSpeed Insights, one dari angka Anda get back adalah Speed indeks. ini jawaban sebuah sederhana pertanyaan: how fast melakukan terlihat bagian dari Anda halaman fill di?

sebagian besar speed metrics mark sebuah single moment — like when pertama bit dari konten appears (pertama Contentful Paint) atau when biggest thing appears (Largest Contentful Paint). Speed indeks adalah berbeda. ini watches whole muat dan gives Anda sebuah average dari how quickly things became terlihat. sebuah halaman itu paints everything almost instantly gets sebuah rendah (baik) score; sebuah halaman itu sits blank dan lalu dribbles konten di gets sebuah tinggi (buruk) one.

cara read Anda score

Lighthouse grades Speed indeks pada mobile like ini:

• baik: 0 – 3,4 s (green)
• perlu improvement: 3,4 – 5,8 s (orange)
• Poor: more daripada 5,8 s (red)

desktop adalah much stricter — baik adalah roughly di bawah 1,3 s — because Lighthouse tests mobile pada sebuah simulated slower device. So don’t compare sebuah desktop angka untuk sebuah mobile one; mereka’re pada berbeda scales.

melakukan ini penting untuk SEO?

Here’s bagian people get wrong. Speed indeks adalah not sebuah Core Web Vital, dan ini adalah not sebuah Google peringkat factor. Google’s halaman-experience signals come dari Core Web Vitals (LCP, INP, dan CLS) diukur pada pengguna nyata. Speed indeks isn’t one dari them dan isn’t bahkan diukur pada pengguna nyata — ini perlu sebuah video recording dari muat, which hanya happens di testing alat.

itu doesn’t membuat ini useless. fixes itu meningkatkan Speed indeks — sebuah faster server, fewer render-blocking files, text itu stays terlihat while fonts muat — adalah sama fixes itu meningkatkan FCP dan LCP. So sebuah better Speed indeks biasanya travels alongside sebuah better LCP, which melakukan penting.

jika Anda ingin formula, WebPageTest history, where ini sits di Lighthouse score, dan limitations untuk watch untuk, switch untuk Advanced tab.

TL;DR — Speed indeks measures how quickly konten adalah visually displayed selama pemuatan halaman — average time terlihat konten appears, scored di seconds (lower adalah better). ini adalah computed dari sebuah video dari muat oleh summing area above visual-progress curve, which membuat ini sebuah lab-hanya metric (not di CrUX, PSI data lapangan, atau Search Console). ini originated di WebPageTest (Pat Meenan); Lighthouse computes ini via open-source Speedline module. ini adalah not sebuah Core Web Vital dan not sebuah peringkat factor — ini adalah one dari five Lighthouse metrics, weighted 10% di Lighthouse 10. Mobile: baik ≤ 3,4 s, perlu improvement ≤ 5,8 s, Poor > 5,8 s; desktop baik ≤ ~1,3 s. ini dapat’t menjadi faster daripada FCP, ini adalah viewport-dependent, dan ini improves dengan yang sama fixes sebagai FCP/LCP.

What Speed indeks actually measures

Google’s definition adalah one line: “Speed Index measures how quickly content is visually displayed during page load.” (terjemahan) “Speed indeks measures how quickly konten adalah visually displayed selama pemuatan halaman.” key kata adalah visually. Speed indeks isn’t sebuah single timestamp cara pertama Contentful Paint dan Largest Contentful Paint adalah — ini adalah sebuah composite score itu mewakili average time di which terlihat bagian dari halaman adalah displayed. Lower adalah better, dan ini adalah reported di seconds.

mental model I temukan clearest: draw sebuah graph dengan time pada X axis dan “percent of the page visually complete” (terjemahan) “percent dari halaman visually complete” pada Y axis, climbing dari 0% untuk 100%. Speed indeks adalah area above itu curve. faster curve climbs untuk 100%, smaller area, better score. sebuah halaman itu’s blank untuk sebuah while leaves sebuah big rectangle dari empty area above line; sebuah halaman itu paints fast leaves almost none.

How ini adalah calculated

Lighthouse captures sebuah video dari halaman memuat dan computes visual progression antara frames. setiap interval dari time gets weighted oleh how incomplete halaman masih adalah di itu moment — sebuah fully blank frame counts di 100%, sebuah mostly-rendered frame counts untuk very little. original WebPageTest formula adalah:

Speed Index = Σ ( interval × (1 − visual completeness% / 100) )

sebuah worked contoh membuat ini concrete. DebugBear walks melalui one muat like ini:

• 0% complete (0–253 ms) → 253,0 ms contribution
• 43% complete (253–403 ms) → 85,5 ms contribution
• 98% complete (403–536 ms) → 2,7 ms contribution
• 99% complete (536–653 ms) → 1,2 ms contribution
• Total: 342,3 ms

Notice pertama chunk: while nothing adalah terlihat, semua dari itu time contributes di full weight. itu’s why Speed indeks dapat tidak pernah menjadi faster daripada pertama Contentful Paint — setiap millisecond sebelum pertama konten paints adalah counted di 100%.

Lighthouse doesn’t roll -nya own implementation here. ini runs open-source Speedline module (originally dari Paul Irish), which applies yang sama visual-progress-dari-video methodology sebagai WebPageTest, berfungsi off Chrome DevTools traces dengan screenshots enabled. Speedline dapat compute sebuah standard Speed indeks (histogram difference antara saat ini dan akhir frame) atau sebuah perceptual variant menggunakan SSIM; standard one adalah what Anda normally see.

What’s sebuah baik score

Lighthouse 10 grades Speed indeks terhadap nyata-situs web data dari HTTP Archive, dan thresholds differ sharply oleh device because Lighthouse simulates sebuah mid-tier perangkat seluler dengan throttling oleh default:

jika Anda’ve seen old “under 1,000 ms is good” (terjemahan) “di bawah 1 000 ms adalah baik” benchmark floating sekitar, itu’s legacy WebPageTest guidance untuk sebuah spesifik era dan connection profile — not saat ini Lighthouse mobile bar. selalu know which alat dan which device/network settings produced angka Anda’re looking di, because sama halaman scores differently di Lighthouse, WebPageTest, dan GTmetrix.

Where ini sits di Lighthouse score

Speed indeks adalah one dari five metrics di Lighthouse 10 performa score, dan ini adalah weighted 10% — tied dengan FCP untuk lowest weight:

practical takeaway: chasing Speed indeks di isolation adalah rendah ROI. Total Blocking Time (30%) dan LCP dan CLS (25% setiap) move overall score far more. Unless Speed indeks adalah thing specifically failing, Anda’ll biasanya get more oleh fixing LCP dan TBT — dan Speed indeks improves sebagai sebuah side effect anyway. di PageSpeed Insights Anda’ll temukan Speed indeks di lab (Lighthouse) bagian, not di lapangan-data bagian up top.

adalah Speed indeks sebuah Core Web Vital atau sebuah peringkat factor?

No pada both counts, dan distinction penting when Anda’re explaining sebuah report untuk sebuah stakeholder.

• ini adalah not sebuah Core Web Vital. Core Web Vitals adalah LCP, INP, dan CLS, diukur pada pengguna nyata via CrUX. Speed indeks isn’t di itu set dan doesn’t tampilkan up di Search Console’s Core Web Vitals report.
• ini adalah not sebuah direct peringkat factor. Google’s halaman-experience signal menggunakan Core Web Vitals field data. Speed indeks adalah sebuah lab-hanya diagnostic itu Google doesn’t collect dari pengguna nyata, so there’s no direct path dari Anda Speed indeks angka untuk rankings.

relationship untuk rankings adalah indirect: masalah itu produce sebuah buruk Speed indeks — slow TTFB, render-blocking CSS/JS, invisible text selama font swap — adalah sama ones itu produce sebuah buruk FCP dan LCP. Fix them dan sebuah better Speed indeks biasanya tracks sebuah better LCP, which adalah bagian Google actually rewards.

Why ini adalah lab-hanya

Speed indeks perlu sebuah frame-oleh-frame video dari halaman rendering, lalu image processing untuk compute visual completeness pada setiap frame. itu’s far too expensive untuk run pada setiap nyata pengunjung, so ini hanya exists di synthetic/lab alat — Lighthouse, WebPageTest, GTmetrix. nyata pengguna Monitoring dan CrUX dataset simply don’t carry ini. jika Anda perlu field performa data, Anda gunakan Core Web Vitals; Speed indeks adalah untuk diagnosing rendering di sebuah controlled test.

Where ini came dari

Speed indeks originated di WebPageTest, which Pat Meenan dibuat dan open-sourced di 2008 ( metric itself adalah ditambahkan sekitar 2012). ini adalah designed untuk fix sebuah nyata gap di metrics dari time:

• Render start dapat fire pada sebuah single pixel atau sebuah background color — not meaningful konten.
• Document complete (onload) mencakup below—fold dan irrelevant resources.

Speed indeks split difference oleh measuring above—fold visual completeness di atas time — sebuah better proxy untuk what sebuah pengguna actually perceives. Lighthouse later adopted itu methodology melalui Speedline module, which adalah why WebPageTest dan Lighthouse angka share sebuah lineage bahkan though mereka throttling differs.

cara meningkatkan ini

There’s no Speed indeks-spesifik trick — Google’s own guidance adalah itu anything Anda melakukan untuk meningkatkan pemuatan halaman speed akan meningkatkan Anda Speed indeks score. dalam praktik:

• Cut server respons time (TTFB). setiap millisecond sebelum pertama byte adalah blank-halaman time counted di full weight.
• Eliminate render-blocking CSS dan JavaScript. ini delay pertama paint, which adalah paling expensive bagian dari curve. Inline critical CSS, defer rest.
• Fix font memuat. selama sebuah font swap, text dapat menjadi invisible — counting sebagai 0% complete untuk itu span. font-display: swap (atau optional) mempertahankan text terlihat. ini adalah one dari audits Lighthouse explicitly flags untuk Speed indeks.
• Minimize main-thread berfungsi dan reduce JavaScript execution time — lainnya two diagnostics Lighthouse panggilan out sebagai tinggi-impact untuk Speed indeks.
• Prioritize above—fold konten. Speed indeks hanya cares tentang terlihat viewport, so getting pertama screen painted fast adalah whole game.

ini overlap almost completely dengan FCP dan LCP optimization — which adalah exactly why I treat Speed indeks sebagai sebuah corroborating signal, not sebuah separate untuk-melakukan list. sebelum Anda act pada apa pun single angka, lihat muat filmstrip (Lighthouse dan WebPageTest both generate one) untuk confirm what’s actually painting early versus late, dan compare sebuah few repeated, like-untuk-like runs alih-alih one test — see run-untuk-run variability note below.

Limitations worth knowing

• Lab-hanya — ini tidak pernah reflects sebuah nyata pengguna’s experience, hanya test environment’s.
• Viewport-dependent — ini measures terlihat area, so mobile dan desktop give very berbeda hasil (hence very berbeda thresholds).
• SPA/AJAX blind spot — single-halaman apps dapat look artificially fast: shell paints quickly while nyata konten memuat later without sebuah halaman refresh.
• Carousels, autoplay video, dan consent overlays — anything itu mempertahankan changing pixels setelah meaningful konten memiliki dimuat dapat menjadi penalized untuk continuing untuk register sebagai “incomplete,” (terjemahan) “incomplete,” yang sama mechanism itu penalizes auto-rotating carousels.
• Not sebuah “fully loaded” (terjemahan) “fully dimuat” metric — ini measures above—fold visual progression, not when setiap script, image, atau below—fold element finishes. WebPageTest’s separate Visually Complete metric (selalu ≥ Speed indeks) adalah one itu catches sebuah late lazy-dimuat widget.
• Visual progress isn’t proof dari usefulness. Speed indeks hanya measures pixel perubahan terhadap sebuah akhir frame — ini doesn’t know whether what’s pada screen adalah readable, correctly ordered, accessible, atau actually interactive. sebuah fast-painting skeleton atau shell dapat score well while nyata konten (dan ability untuk gunakan ini) arrives later; itu’s yang sama failure mode sebagai “meaningless early paint” (terjemahan) “meaningless early paint” anti-pattern above, hanya described dari metric’s side.
• Run-untuk-run variability. Because ini adalah derived dari sebuah single recorded muat, Speed indeks moves dengan test conditions — Google’s own scoring guidance lists device differences, browser extensions, antivirus software, dan bahkan ad/sebuah-B-test perubahan sebagai sources dari score fluctuation itu memiliki nothing untuk melakukan dengan Anda code. Compare distributions dari repeated, like-untuk-like runs, not one-off angka.

Related metrics

Speed indeks lives di yang sama web performa cluster sebagai Core Web Vitals hub dan -nya neighbors. ini adalah closest untuk pertama Contentful Paint (Speed indeks dapat’t beat FCP) dan Largest Contentful Paint (sama fixes, sama root causes), sits alongside Total Blocking Time di Lighthouse score, dan Anda’ll meet ini inside Lighthouse dan PageSpeed Insights. untuk field metrics itu actually drive rankings, start di Core Web Vitals hub.

AI summary

sebuah condensed take pada Advanced versi:

• Speed indeks = how quickly konten adalah visually displayed selama muat — sebuah composite score (average time terlihat konten appears), not sebuah single timestamp. Reported di seconds; lower adalah better.
• Mental model: area above visual-progress curve (time vs. % visually complete). Computed dari sebuah video dari muat, weighting setiap interval oleh how incomplete halaman masih adalah.
• Lab-hanya: perlu frame-oleh-frame screenshots, so ini adalah not di CrUX, PageSpeed Insights data lapangan, atau Search Console. gunakan Core Web Vitals untuk data lapangan.
• Origin: WebPageTest (Pat Meenan, 2008; metric ~2012). Lighthouse computes ini via open-source Speedline module — sama methodology sebagai WebPageTest.
• Not sebuah Core Web Vital, not sebuah peringkat factor. CWVs adalah LCP, INP, CLS. tautan untuk rankings adalah indirect: fixing Speed indeks biasanya improves FCP/LCP.
• Lighthouse 10 weight: 10% — tied dengan FCP untuk lowest. TBT (30%) dan LCP/CLS (25% setiap) penting far more, so chasing Speed indeks alone adalah rendah ROI.
• Thresholds (mobile): baik ≤ 3,4 s, perlu improvement ≤ 5,8 s, Poor > 5,8 s; desktop baik ≤ ~1,3 s. ini dapat’t menjadi faster daripada FCP dan adalah viewport-dependent.
• Fixes = FCP/LCP fixes: faster TTFB, fewer render-blocking resources, font-display: swap, less main-thread/JS berfungsi, prioritize above—fold.
• Limitations: SPAs dapat score artificially well; carousels, autoplay video, dan consent overlays dapat menjadi penalized; ini adalah not sebuah “fully loaded” (terjemahan) “fully dimuat” mengukur; visual progress isn’t proof konten adalah readable, accessible, atau usable; dan sebuah single run dapat menjadi moved oleh device, extensions, atau ad/sebuah-B perubahan itu memiliki nothing untuk melakukan dengan Anda code.

Official documentation

Primary-source documentation untuk Speed indeks.

Google / Lighthouse

• Speed indeks (Lighthouse audit) — canonical reference: definition, how Lighthouse computes ini via Speedline, scoring thresholds, dan optimization audits.
• Lighthouse performa scoring — where 10% Speed indeks weight dan full metric breakdown live.
• Minimize main-thread berfungsi — one dari three audits Lighthouse flags sebagai tinggi-impact untuk Speed indeks.
• Reduce JavaScript execution time — kedua flagged audit.
• Ensure text remains terlihat selama webfont muat (font-display) — ketiga flagged audit.

Origin / implementation

• Speedline (paulirish/speedline) — open-source module Lighthouse menggunakan untuk compute Speed indeks dari DevTools traces.
• Lighthouse source — speed-index.js — audit’s deskripsi constant.
• WebPageTest — tentang — Pat Meenan dibuat dan open-sourced WebPageTest, where Speed indeks originated.

Quotes dari source

pada—record statements. setiap Google/Lighthouse tautan adalah sebuah deep tautan itu jumps untuk quoted passage.

Google — what Speed indeks measures

• “Speed Index measures how quickly content is visually displayed during page load.” (terjemahan) “Speed indeks measures how quickly konten adalah visually displayed selama pemuatan halaman.” — Lighthouse Speed indeks audit. Jump untuk quote

Google — how score adalah set

• “Your Speed Index score is a comparison of your page’s speed index and the speed indexes of real websites, based on data from the HTTP Archive.” (terjemahan) “Anda Speed indeks score adalah sebuah comparison dari Anda halaman’s speed indeks dan speed indeks dari nyata situs web, berdasarkan data dari HTTP Archive.” — Lighthouse Speed indeks audit. Jump untuk quote

Relayed sources (paraphrased dari secondary documentation, not quoted verbatim)

• Lighthouse captures sebuah video dari halaman memuat, computes visual progression antara frames, dan generates score dengan Speedline module — berdasarkan yang sama principles sebagai original WebPageTest Speed indeks. (Lighthouse Speed indeks audit, computation bagian.)
• longer sebuah frame adalah terlihat dan less complete halaman adalah di itu poin, more itu frame contributes untuk score — dan because semua pre-FCP time counts di 100%, Speed indeks dapat’t menjadi faster daripada pertama Contentful Paint. (DebugBear, Speed indeks docs.)
• Speed indeks adalah hanya available di synthetic/lab testing karena cost dari frame-oleh-frame screenshot processing. (DebugBear, Speed indeks docs.)
• metric adalah ditambahkan untuk WebPageTest sekitar 2012, pada top dari alat Pat Meenan open-sourced di 2008. (KeyCDN; WebPageTest tentang halaman.)

Speed indeks cheat sheet

Thresholds (Lighthouse 10)

Lighthouse 10 performa weights

Fast facts

• Measures visual completeness di atas time (area above progress curve), not sebuah single timestamp. Lower adalah better.
• Lab-hanya — not di CrUX, PSI data lapangan, atau Search Console.
• Not sebuah Core Web Vital; not sebuah direct peringkat factor.
• dapat tidak pernah menjadi faster daripada FCP (pre-FCP time counts di 100%).
• Viewport-dependent — mobile dan desktop scores differ sebuah lot.
• Computed oleh Speedline; originated di WebPageTest (Pat Meenan).

meningkatkan ini (sama sebagai FCP/LCP)

• Cut TTFB (faster server respons).
• hapus render-blocking CSS/JS; inline critical CSS.
• font-display: swap / optional so text stays terlihat.
• Minimize main-thread berfungsi dan JS execution time.
• Prioritize above—fold rendering.

Don’t menjadi fooled

• “Under 1,000 ms” (terjemahan) “di bawah 1 000 ms” adalah old WebPageTest guidance, not Lighthouse mobile bar.
• SPAs dapat score artificially well; carousels dapat menjadi penalized.

alat itu report Speed indeks

• Lighthouse (di Chrome DevTools, CLI, atau Node module) — reports Speed indeks sebagai one dari five performa metrics, computed via Speedline.
• PageSpeed Insights — runs Lighthouse dan menampilkan Speed indeks di lab (Diagnostics) bagian. Note: field-data bagian up top menggunakan Core Web Vitals, so Speed indeks tidak pernah appears there.
• WebPageTest — where metric originated; reports Speed indeks alongside Visually Complete dan filmstrip views, dengan configurable connection profiles.
• GTmetrix — surfaces Speed indeks di -nya UI, menggunakan WebPageTest data; -nya angka won’t match Lighthouse’s karena berbeda device/network simulation.
• DebugBear — synthetic monitoring dengan sebuah jelas frame-oleh-frame breakdown dari how Speed indeks score adalah computed.

sebuah reminder when comparing alat: sama halaman produces berbeda Speed indeks nilai di seluruh Lighthouse, WebPageTest, dan GTmetrix karena mereka berbeda throttling dan device assumptions. Compare like dengan like.

Speed indeks mistakes itu waste optimization time

• Calling Speed indeks sebuah Core Web Vital. ini adalah sebuah lab-hanya visual-progress metric, not sebuah field sinyal peringkat. gunakan ini untuk diagnose how sebuah halaman fills di, lalu periksa actual Core Web Vitals separately.
• Comparing mobile dan desktop thresholds. Lighthouse menggunakan berbeda scoring curves dan test conditions. Track one profile di atas time alih-alih treating two scores sebagai interchangeable.
• Improving angka dengan sebuah meaningless early paint. sebuah header shell dapat membuat visual progress start earlier while primary konten remains blank. Review muat filmstrip dengan metric.
• Optimizing setiap image sebelum memeriksa critical path. Slow TTFB, render-blocking CSS, fonts, dan synchronous JavaScript dapat delay whole visual sequence. temukan pertama bottleneck di waterfall dan trace.
• Expecting sebuah stable single-run nilai. Speed indeks adalah derived dari sebuah synthetic video dan moves dengan test environment. Repeat comparable runs sebelum declaring sebuah regression atau win.

Test yourself: Speed indeks

Five quick pertanyaan pada what Speed indeks measures. Pick sebuah jawaban untuk setiap, lalu periksa.

Resources worth Anda time

Official

• Speed indeks — Lighthouse audit — canonical definition, thresholds, dan optimization audits.
• Lighthouse performa scoring — metric weights, including Speed indeks’s 10%.
• WebPageTest — tentang — origin dari metric.

Implementation

• paulirish/speedline — open-source module Lighthouse menggunakan untuk compute Speed indeks.

dari others

• DebugBear — Speed indeks — clearest langkah-oleh-langkah worked contoh dari computation dan FCP relationship.
• KeyCDN — Speed indeks — historical context dan WebPageTest formula.
• Catchpoint — Speed indeks — heir untuk WebPageTest blog; visual-progress formula dan SPA/carousel limitations.
• Google Search Central — Core Web Vitals — confirms itu LCP, INP, dan CLS adalah sinyal peringkat; Speed indeks adalah not listed, reinforcing itu ini memiliki no direct peringkat impact.
• web.dev — Vitals overview — authoritative definition dari Core Web Vitals (LCP, INP, CLS); Speed indeks adalah absent, berguna when explaining why ini doesn’t affect rankings.
• WebPageTest — Speed indeks documentation — background pada Pat Meenan’s creation dari WebPageTest (open-sourced 2008) dan where Speed indeks metric originated.

angka worth citing

• Lighthouse weight: 10% dari performa score di Lighthouse 10 — tied dengan FCP untuk lowest weight, well behind TBT (30%) dan LCP/CLS (25% setiap). Source
• Mobile “Good” (terjemahan) “baik” ≤ 3,4 s; desktop “Good” (terjemahan) “baik” ≤ 1,3 s — Lighthouse 10 thresholds, calibrated terhadap HTTP Archive nyata-situs web data. Source
• Speed indeks ≥ FCP, selalu — semua time sebelum pertama konten paints contributes di 100%, so Speed indeks dapat’t come di faster daripada pertama Contentful Paint. Source
• Origin: WebPageTest, ~2012 — ditambahkan pada top dari alat Pat Meenan open-sourced di 2008. Source

Log perubahan