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.
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.
TL;DR — Speed indeks adalah sebuah Lighthouse score untuk bagaimana quickly stuff pada Anda halaman menampilkan up sementara ini memuat. Lebih rendah (lebih cepat) adalah better, diukur di seconds. pada mobile, di bawah 3,4 s adalah baik. ini adalah tidak sebuah Core Web Vital dan ini tidak secara langsung memengaruhi Anda Google rankings — tetapi hal itu perbaiki ini biasanya help metrics itu melakukan.
Apa Speed indeks adalah
Ketika Anda jalankan sebuah halaman melalui Lighthouse atau PageSpeed Insights, satu dari angka Anda mendapatkan back adalah Speed indeks. ini jawaban sebuah sederhana pertanyaan: bagaimana fast melakukan terlihat bagian dari Anda halaman fill di?
sebagian besar speed metrics mark sebuah single moment — like ketika pertama bit dari konten muncul (pertama Contentful Paint) atau ketika biggest hal muncul (Largest Contentful Paint). Speed indeks adalah berbeda. ini watches seluruh muat dan memberikan Anda sebuah average dari bagaimana quickly hal menjadi terlihat. sebuah halaman itu paints semuanya hampir instantly mendapatkan sebuah rendah (baik) score; sebuah halaman itu sits blank dan lalu dribbles konten di mendapatkan sebuah tinggi (buruk) satu.
cara baca 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: lebih daripada 5,8 s (red)
desktop adalah banyak stricter — baik adalah roughly di bawah 1,3 s — karena Lighthouse tests mobile pada sebuah simulated lebih lambat device. So jangan bandingkan sebuah desktop angka untuk sebuah mobile satu; mereka’re pada berbeda scales.
melakukan ini penting untuk SEO?
Di sini’s bagian orang mendapatkan wrong. Speed indeks adalah tidak sebuah Core Web Vital, dan ini adalah tidak sebuah Google peringkat factor. Google’s halaman-experience sinyal come dari Core Web Vitals (LCP, INP, dan CLS) diukur pada pengguna nyata. Speed indeks tidak satu dari them dan tidak bahkan diukur pada pengguna nyata — ini perlu sebuah video recording dari muat, yang hanya happens di testing alat.
itu tidak membuat ini useless. memperbaiki itu meningkatkan Speed indeks — sebuah lebih cepat server, fewer render-blocking files, text itu tetap terlihat sementara fonts muat — adalah sama memperbaiki itu meningkatkan FCP dan LCP. So sebuah better Speed indeks biasanya travels alongside sebuah better LCP, yang melakukan penting.
jika Anda ingin formula, WebPageTest history, di mana ini sits di Lighthouse score, dan limitations untuk watch untuk, switch untuk Advanced tab.
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 IndexTL;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.
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 indeks | Mobile | desktop |
|---|---|---|
| baik (green) | 0 – 3,4 s | 0 – 1,3 s |
| perlu improvement (orange) | 3,4 – 5,8 s | 1,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:
| Metric | Lighthouse 10 weight |
|---|---|
| pertama Contentful Paint | 10% |
| Speed indeks | 10% |
| Largest Contentful Paint | 25% |
| Cumulative Layout Shift | 25% |
| Total Blocking Time | 30% |
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(atauoptional) 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.
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 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.
AI summary
sebuah condensed take pada Advanced versi:
- Speed indeks = bagaimana quickly konten adalah visually displayed selama muat — sebuah composite score (average time terlihat konten muncul), tidak sebuah single timestamp. Reported di seconds; lebih rendah adalah better.
- Mental model: area di atas visual-progress curve (time vs. % visually menyelesaikan). Computed dari sebuah video dari muat, weighting setiap interval oleh bagaimana incomplete halaman masih adalah.
- Lab-hanya: perlu frame-oleh-frame screenshots, so ini adalah tidak 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 melalui open-sumber Speedline module — sama methodology sebagai WebPageTest.
- Tidak sebuah Core Web Vital, tidak sebuah peringkat factor. CWVs adalah LCP, INP, CLS. tautan untuk rankings adalah indirect: memperbaiki Speed indeks biasanya improves FCP/LCP.
- Lighthouse 10 weight: 10% — tied dengan FCP untuk lowest. TBT (30%) dan LCP/CLS (25% setiap) penting far lebih, 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 lebih cepat daripada FCP dan adalah viewport-dependent.
- Memperbaiki = FCP/LCP memperbaiki: lebih cepat TTFB, fewer render-blocking resources,
font-display: swap, lebih sedikit main-utas/JS berfungsi, prioritize di atas—fold. - Limitations: SPAs dapat score artificially well; carousels, autoplay video, dan consent overlays dapat menjadi penalized; ini adalah tidak sebuah “fully loaded” (terjemahan) “fully dimuat” mengukur; visual progress tidak proof konten adalah readable, accessible, atau usable; dan sebuah single jalankan dapat menjadi moved oleh device, extensions, atau ad/sebuah-B perubahan itu memiliki tidak ada apa pun untuk melakukan dengan Anda code.
Dokumentasi resmi
Utama-sumber documentation untuk Speed indeks.
Google / Lighthouse
- Speed indeks (Lighthouse audit) — canonical reference: definition, bagaimana Lighthouse computes ini melalui Speedline, scoring thresholds, dan optimization audits.
- Lighthouse performa scoring — di mana 10% Speed indeks weight dan penuh metric breakdown langsung.
- Minimize main-utas berfungsi — satu dari three audits Lighthouse flags sebagai tinggi-impact untuk Speed indeks.
- Reduce JavaScript execution time — kedua flagged audit.
- Ensure text tetap terlihat selama webfont muat (
font-display) — ketiga flagged audit.
Origin / implementation
- Speedline (paulirish/speedline) — open-sumber module Lighthouse menggunakan untuk compute Speed indeks dari DevTools traces.
- Lighthouse sumber —
speed-index.js— audit’s deskripsi constant. - WebPageTest — tentang — Pat Meenan dibuat dan open-sourced WebPageTest, di mana Speed indeks originated.
Quotes dari sumber
pada—record statements. setiap Google/Lighthouse tautan adalah sebuah deep tautan itu jumps untuk quoted passage.
Google — apa Speed indeks measures
- “Speed Index measures how quickly content is visually displayed during page load.” (terjemahan) “Speed indeks measures bagaimana quickly konten adalah visually displayed selama pemuatan halaman.” — Lighthouse Speed indeks audit. Jump untuk quote
Google — bagaimana 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.” — Lighthouse Speed Index audit. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh empat, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)
Relayed sources (paraphrased dari sekunder documentation, tidak 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.)
- lebih lama sebuah frame adalah terlihat dan lebih sedikit menyelesaikan halaman adalah di itu poin, lebih itu frame contributes untuk score — dan karena semua pre-FCP time counts di 100%, Speed indeks dapat’t menjadi lebih cepat daripada pertama Contentful Paint. (DebugBear, Speed indeks docs.)
- Speed indeks adalah hanya tersedia 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)
| Rating | Mobile | desktop |
|---|---|---|
| baik (green) | 0 – 3,4 s | 0 – 1,3 s |
| perlu improvement (orange) | 3,4 – 5,8 s | 1,3 – 2,3 s |
| Poor (red) | > 5,8 s | > 2,3 s |
Lighthouse 10 performa weights
| Metric | Weight |
|---|---|
| Total Blocking Time | 30% |
| Largest Contentful Paint | 25% |
| Cumulative Layout Shift | 25% |
| pertama Contentful Paint | 10% |
| Speed indeks | 10% |
Fast facts
- Measures visual completeness di atas time (area di atas progress curve), tidak sebuah single timestamp. Lebih rendah adalah better.
- Lab-hanya — tidak di CrUX, PSI data lapangan, atau Search Console.
- Tidak sebuah Core Web Vital; tidak sebuah direct peringkat factor.
- dapat tidak pernah menjadi lebih cepat 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 (lebih cepat server respons).
- hapus render-blocking CSS/JS; inline critical CSS.
font-display: swap/optionalso text tetap terlihat.- Minimize main-utas berfungsi dan JS execution time.
- Prioritize di atas—fold rendering.
jangan menjadi fooled
- “Under 1,000 ms” (terjemahan) “di bawah 1 000 ms” adalah old WebPageTest guidance, tidak 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 satu dari five performa metrics, computed melalui Speedline.
- PageSpeed Insights — berjalan Lighthouse dan menampilkan Speed indeks di lab (Diagnostics) bagian. Note: field-data bagian up top menggunakan Core Web Vitals, so Speed indeks tidak pernah muncul di sana.
- WebPageTest — di mana metric originated; reports Speed indeks alongside Visually Menyelesaikan dan filmstrip views, dengan configurable connection profiles.
- GTmetrix — surfaces Speed indeks di -nya UI, menggunakan WebPageTest data; -nya angka tidak akan match Lighthouse’s karena berbeda device/network simulation.
- DebugBear — synthetic monitoring dengan sebuah jelas frame-oleh-frame breakdown dari bagaimana Speed indeks score adalah computed.
sebuah reminder ketika comparing alat: sama halaman produces berbeda Speed indeks nilai di seluruh Lighthouse, WebPageTest, dan GTmetrix karena mereka berbeda throttling dan device assumptions. Bandingkan 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, tidak sebuah field sinyal peringkat. gunakan ini untuk diagnose bagaimana sebuah halaman fills di, lalu periksa sebenarnya Core Web Vitals secara terpisah.
- Comparing mobile dan desktop thresholds. Lighthouse menggunakan berbeda scoring curves dan test conditions. Track satu profile di atas time alih-alih treating dua scores sebagai interchangeable.
- Improving angka dengan sebuah meaningless early paint. sebuah header shell dapat membuat visual progress mulai sebelumnya sementara utama konten tetap blank. Review muat filmstrip dengan metric.
- Optimizing setiap image sebelum memeriksa critical path. Slow TTFB, render-blocking CSS, fonts, dan synchronous JavaScript dapat delay seluruh visual sequence. temukan pertama bottleneck di waterfall dan trace.
- Expecting sebuah stable single-jalankan nilai. Speed indeks adalah derived dari sebuah synthetic video dan moves dengan test environment. Repeat comparable berjalan sebelum declaring sebuah regression atau win.
Uji pemahaman Anda: Speed indeks
Five quick pertanyaan pada apa 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-sumber module Lighthouse menggunakan untuk compute Speed indeks.
dari others
- DebugBear — Speed indeks — clearest langkah-oleh-langkah worked contoh dari computation dan FCP hubungan.
- 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 — mengonfirmasi itu LCP, INP, dan CLS adalah sinyal peringkat; Speed indeks adalah tidak listed, reinforcing itu ini memiliki Tidak direct peringkat impact.
- web.dev — Vitals overview — authoritative definition dari Core Web Vitals (LCP, INP, CLS); Speed indeks adalah absent, berguna ketika explaining mengapa ini tidak memengaruhi rankings.
- WebPageTest — Speed indeks documentation — background pada Pat Meenan’s creation dari WebPageTest (open-sourced 2008) dan di mana 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). Sumber
- 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. Sumber
- Speed indeks ≥ FCP, selalu — semua time sebelum pertama konten paints contributes di 100%, so Speed indeks dapat’t come di lebih cepat daripada pertama Contentful Paint. Sumber
- Origin: WebPageTest, ~2012 — ditambahkan pada top dari alat Pat Meenan open-sourced di 2008. Sumber
Log perubahan
Diperbarui 18 Jul 2026.
Ringkasan editorial dan detail perubahan yang tercatat.Detail perubahan
-
Catatan perubahan terperinci saat ini tersedia dalam bahasa Inggris.
-
Catatan perubahan terperinci saat ini tersedia dalam bahasa Inggris.
Perbandingan lengkap tidak tersedia — tidak ada cuplikan sebelumnya yang diarsipkan untuk revisi ini.