Speed indeks

Apa Speed indeks measures, apa sebuah baik score, mengapa ini adalah sebuah lab-hanya Lighthouse metric dan tidak sebuah Core Web Vital atau peringkat factor, dan cara meningkatkan ini.

Pertama kali diterbitkan: 26 Jun 2026 · Terakhir diperbarui: 3 Agu 2026 · Lanjutan

Speed indeks measures bagaimana quickly konten adalah visually displayed selama pemuatan halaman — average time di yang terlihat bagian dari halaman muncul, scored di seconds (lebih rendah adalah better). ini adalah computed dari sebuah video dari muat, so ini adalah sebuah lab-hanya metric: tidak di CrUX, PageSpeed Insights data lapangan, atau Search Console. ini originated di WebPageTest (Pat Meenan) dan Lighthouse computes ini melalui open-sumber Speedline module. ini adalah Tidak sebuah Core Web Vital dan Tidak sebuah peringkat factor — ini adalah satu dari five Lighthouse performa metrics, weighted 10% di Lighthouse 10. Mobile thresholds: baik ≤ 3,4 s, perlu improvement ≤ 5,8 s, Poor > 5,8 s (desktop baik ≤ ~1,3 s). ini improves dengan yang sama memperbaiki sebagai FCP dan LCP: lebih cepat server respons dan fewer render-blocking resources.

Bukti untuk klaim ini Lighthouse Speed Index estimates how quickly page contents are visually populated during a lab load. Cakupan: Lighthouse lab metric; results depend on test environment and viewport. Tingkat keyakinan: tinggi · Diverifikasi: Chrome Developers: Speed Index Bukti untuk klaim ini Lighthouse documents Speed Index scoring and weighting, which can change between Lighthouse versions. Cakupan: Current Lighthouse scoring model, not a Google Search ranking factor. Tingkat keyakinan: tinggi · Diverifikasi: Lighthouse: Performance scoring

TL;DR — Speed indeks measures bagaimana quickly konten adalah visually displayed selama pemuatan halaman — average time terlihat konten muncul, scored di seconds (lebih rendah adalah better). ini adalah computed dari sebuah video dari muat oleh summing area di atas visual-progress curve, yang membuat ini sebuah lab-hanya metric (tidak di CrUX, PSI data lapangan, atau Search Console). ini originated di WebPageTest (Pat Meenan); Lighthouse computes ini melalui open-sumber Speedline module. ini adalah tidak sebuah Core Web Vital dan tidak sebuah peringkat factor — ini adalah satu 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 lebih cepat daripada FCP, ini adalah viewport-dependent, dan ini improves dengan yang sama memperbaiki sebagai FCP/LCP.

Bukti untuk klaim ini Lighthouse Speed Index estimates how quickly page contents are visually populated during a lab load. Cakupan: Lighthouse lab metric; results depend on test environment and viewport. Tingkat keyakinan: tinggi · Diverifikasi: Chrome Developers: Speed Index

Apa Speed indeks sebenarnya measures

Google’s definition adalah satu line: “Speed Index measures bagaimana quickly konten adalah visually displayed during halaman load.” (terjemahan) “Speed indeks measures bagaimana quickly konten adalah visually displayed selama pemuatan halaman.” key kata adalah visually. Speed indeks tidak sebuah single timestamp cara pertama Contentful Paint dan Largest Contentful Paint adalah — ini adalah sebuah composite score itu mewakili average time di yang terlihat bagian dari halaman adalah displayed. Lebih rendah adalah better, dan ini adalah reported di seconds.

mental model I temukan clearest: draw sebuah graph dengan time pada X axis dan “percent dari itu halaman visually menyelesaikan” (terjemahan) “percent dari halaman visually menyelesaikan” pada Y axis, climbing dari 0% untuk 100%. Speed indeks adalah area di atas itu curve. lebih cepat curve climbs untuk 100%, lebih kecil area, better score. sebuah halaman itu’s blank untuk sebuah sementara leaves sebuah big rectangle dari empty area di atas line; sebuah halaman itu paints fast leaves hampir none.

Bagaimana ini adalah calculated

Lighthouse captures sebuah video dari halaman memuat dan computes visual progression antara frames. setiap interval dari time mendapatkan weighted oleh bagaimana incomplete halaman masih adalah di itu moment — sebuah fully blank frame counts di 100%, sebuah mostly-dirender 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 satu muat like ini:

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

Notice pertama chunk: sementara tidak ada apa pun adalah terlihat, semua dari itu time contributes di penuh weight. itu’s mengapa Speed indeks dapat tidak pernah menjadi lebih cepat daripada pertama Contentful Paint — setiap millisecond sebelum pertama konten paints adalah counted di 100%.

Lighthouse tidak roll -nya own implementation di sini. ini berjalan open-sumber Speedline module (originally dari Paul Irish), yang 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 perbedaan antara saat ini dan akhir frame) atau sebuah perceptual variant menggunakan SSIM; standard satu adalah apa Anda biasanya see.

apa sebuah baik score

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

Speed indeksMobiledesktop
baik (green)0 – 3,4 s0 – 1,3 s
perlu improvement (orange)3,4 – 5,8 s1,3 – 2,3 s
Poor (red)> 5,8 s> 2,3 s

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

Di mana ini sits di Lighthouse score

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

MetricLighthouse 10 weight
pertama Contentful Paint10%
Speed indeks10%
Largest Contentful Paint25%
Cumulative Layout Shift25%
Total Blocking Time30%

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

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

Tidak pada keduanya counts, dan pembedaan penting ketika Anda’re explaining sebuah report untuk sebuah stakeholder.

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

hubungan untuk rankings adalah indirect: masalah itu produce sebuah buruk Speed indeks — slow TTFB, render-blocking CSS/JS, invisible text selama font tukar — adalah sama ones itu produce sebuah buruk FCP dan LCP. Perbaiki them dan sebuah better Speed indeks biasanya tracks sebuah better LCP, yang adalah bagian Google sebenarnya rewards.

Mengapa 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 jalankan pada setiap nyata pengunjung, so ini hanya ada di synthetic/lab alat — Lighthouse, WebPageTest, GTmetrix. nyata pengguna Monitoring dan CrUX dataset sekadar jangan carry ini. jika Anda perlu field performa data, Anda gunakan Core Web Vitals; Speed indeks adalah untuk diagnosing rendering di sebuah controlled test.

Di mana ini came dari

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

  • Render mulai dapat fire pada sebuah single pixel atau sebuah background color — tidak bermakna konten.
  • Document menyelesaikan (onload) mencakup di bawah—fold dan irrelevant resources.

Speed indeks split perbedaan oleh measuring di atas—fold visual completeness di atas time — sebuah better proxy untuk apa sebuah pengguna sebenarnya perceives. Lighthouse kemudian adopted itu methodology melalui Speedline module, yang adalah mengapa WebPageTest dan Lighthouse angka share sebuah lineage bahkan though mereka throttling differs.

cara meningkatkan ini

ada Tidak Speed indeks-spesifik trick — Google’s own guidance adalah itu apa pun 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 penuh weight.
  • Eliminate render-blocking CSS dan JavaScript. ini delay pertama paint, yang adalah paling expensive bagian dari curve. Inline critical CSS, defer rest.
  • Perbaiki font memuat. selama sebuah font tukar, text dapat menjadi invisible — counting sebagai 0% menyelesaikan untuk itu span. font-display: swap (atau optional) mempertahankan text terlihat. ini adalah satu dari audits Lighthouse explicitly flags untuk Speed indeks.
  • Minimize main-utas berfungsi dan reduce JavaScript execution time — lainnya dua diagnostics Lighthouse panggilan out sebagai tinggi-impact untuk Speed indeks.
  • Prioritize di atas—fold konten. Speed indeks hanya cares tentang terlihat viewport, so getting pertama screen painted fast adalah seluruh game.

ini overlap hampir completely dengan FCP dan LCP optimization — yang adalah persis mengapa I treat Speed indeks sebagai sebuah corroborating sinyal, tidak sebuah terpisah untuk-melakukan list. sebelum Anda act pada apa pun single angka, lihat muat filmstrip (Lighthouse dan WebPageTest keduanya generate satu) untuk konfirmasi apa sebenarnya painting early versus late, dan bandingkan sebuah sedikit repeated, like-untuk-like berjalan alih-alih satu test — see jalankan-untuk-jalankan variability note di bawah.

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 memberikan very berbeda hasil (hence very berbeda thresholds).
  • SPA/AJAX blind spot — single-halaman apps dapat look artificially fast: shell paints quickly sementara nyata konten memuat kemudian tanpa sebuah halaman refresh.
  • Carousels, autoplay video, dan consent overlays — apa pun itu mempertahankan mengubah pixels setelah bermakna konten memiliki dimuat dapat menjadi penalized untuk continuing untuk register sebagai “incomplete,” (terjemahan) “incomplete,” yang sama mechanism itu penalizes auto-rotating carousels.
  • Tidak sebuah “fully loaded” (terjemahan) “fully dimuat” metric — ini measures di atas—fold visual progression, tidak ketika setiap script, image, atau di bawah—fold element finishes. WebPageTest’s terpisah Visually Menyelesaikan metric (selalu ≥ Speed indeks) adalah satu itu catches sebuah late lazy-dimuat widget.
  • Visual progress tidak proof dari usefulness. Speed indeks hanya measures pixel perubahan terhadap sebuah akhir frame — ini tidak know apakah apa pada screen adalah readable, correctly ordered, accessible, atau sebenarnya interactive. sebuah fast-painting skeleton atau shell dapat score well sementara nyata konten (dan ability untuk gunakan ini) arrives kemudian; itu’s yang sama failure mode sebagai “meaningless early paint” (terjemahan) “meaningless early paint” anti-pattern di atas, hanya described dari metric’s side.
  • Jalankan-untuk-jalankan variability. Karena 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 tidak ada apa pun untuk melakukan dengan Anda code. Bandingkan distributions dari repeated, like-untuk-like berjalan, tidak satu kali angka.

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 memperbaiki, sama root penyebab), sits alongside Total Blocking Time di Lighthouse score, dan Anda’ll memenuhi ini di dalam Lighthouse dan PageSpeed Insights. untuk field metrics itu sebenarnya drive rankings, mulai di Core Web Vitals hub.

Tambahkan catatan pakar

Sematkan kutipan pakar

Orang baru? Buat profilnya yang belum diklaim di /admin/experts/ → Sematkan kutipan pakar terlebih dahulu.