Digital Transformation
Speed Index
Speed Index adalah metrik lab Lighthouse yang mengukur seberapa cepat konten visual halaman terlihat penuh di viewport, dihitung dalam detik. Nilai baik di bawah 3,4 detik.
TL;DR: Speed Index adalah metrik lab dari Lighthouse yang mengukur seberapa cepat bagian terlihat (above-the-fold) sebuah halaman terisi penuh secara visual. Skor dihitung dalam detik dan ideal di bawah 3,4 detik di mobile mid-tier. Berbeda dengan LCP yang fokus pada elemen tunggal terbesar, Speed Index menilai progres pemuatan visual secara keseluruhan.
Apa itu Speed Index?
Speed Index merekam frame video pemuatan halaman, lalu menghitung area yang sudah ter-render di setiap interval waktu. Semakin cepat seluruh viewport terisi, semakin rendah skornya. Analoginya seperti menilai kecepatan tukang cat menyelesaikan dinding. Yang dihitung bukan momen sapuan terakhir, tapi rata-rata berapa persen dinding yang sudah tertutup di setiap detik.
Metrik ini diukur di laboratorium oleh Lighthouse dan PageSpeed Insights, jadi termasuk lab metric, bukan field metric seperti LCP atau INP.
Threshold
| Skor | Status |
|---|---|
| 0 - 3,4 detik | Baik |
| 3,4 - 5,8 detik | Perlu perbaikan |
| > 5,8 detik | Buruk |
Penyebab Skor Buruk
Penyebab paling umum adalah render-blocking resources seperti CSS dan JavaScript di head, font yang lambat ter-swap, dan gambar besar tanpa optimasi. Dalam audit website client kategori e-commerce, Speed Index sering memburuk setelah injeksi tag manager dan widget chat pihak ketiga. Pemakaian FCP yang baik tidak menjamin Speed Index ikut baik, karena FCP hanya mengukur render pertama.
Strategi perbaikan: inline critical CSS, lazy-load gambar di bawah fold, defer script non-kritis, dan gunakan next/image dengan priority hint untuk hero.
Kenapa Penting?
Speed Index merefleksikan persepsi kecepatan yang sebenarnya dirasakan pengguna saat membuka halaman. Untuk landing page kampanye atau halaman produk, Speed Index buruk berkorelasi dengan bounce rate naik 15-30% di koneksi 4G Indonesia. Skor ini juga jadi indikator awal sebelum LCP lapangan ikut memburuk.
Pertanyaan Umum
Apa beda Speed Index dan LCP?
Speed Index mengukur progres pemuatan seluruh viewport, sementara LCP fokus pada satu elemen terbesar. Speed Index lebih holistik, LCP lebih spesifik dan masuk Web Vitals.
Apakah Speed Index masuk Core Web Vitals?
Tidak. Speed Index hanya metrik lab Lighthouse, bukan bagian dari ranking signal Google. Tapi tetap berguna sebagai diagnostik.
Istilah Terkait