Indeks Kecepatan adalah salah satu dari lima metrik yang dilacak di bagian Performa pada laporan Lighthouse. Setiap metrik menangkap beberapa aspek kecepatan pemuatan halaman.
Lighthouse menampilkan Indeks Kecepatan dalam detik:
Yang diukur Speed Index
Speed Index mengukur seberapa cepat konten ditampilkan secara visual selama pemuatan halaman. Lighthouse pertama-tama merekam video pemuatan halaman di browser dan menghitung progres visual di antara frame. Lighthouse kemudian menggunakan modul Node.js Speedline untuk menghasilkan skor Indeks Kecepatan.
Cara Lighthouse menentukan skor Indeks Kecepatan Anda
Skor Indeks Kecepatan adalah perbandingan antara indeks kecepatan halaman Anda dan indeks kecepatan situs sebenarnya, berdasarkan data dari HTTP Archive.
Tabel ini menunjukkan cara menafsirkan skor Indeks Kecepatan seluler:
| Speed Index (dalam detik) |
Pengodean warna |
|---|---|
| 0–3,4 | Hijau (cepat) |
| 3,4–5,8 | Oranye (sedang) |
| Lebih dari 5,8 | Merah (lambat) |
Cara meningkatkan skor Indeks Kecepatan
Meskipun apa pun yang Anda lakukan untuk meningkatkan kecepatan pemuatan halaman akan meningkatkan skor Indeks Kecepatan, menangani masalah apa pun yang ditemukan oleh Audit diagnostik ini akan memiliki dampak yang sangat besar:
- Meminimalkan pekerjaan thread utama
- Mengurangi waktu eksekusi JavaScript
- Memastikan teks tetap terlihat selama pemuatan font web
Cara meningkatkan skor Performa secara keseluruhan
Kecuali jika Anda memiliki alasan khusus untuk berfokus pada metrik tertentu, sebaiknya fokuslah untuk meningkatkan skor Performa secara keseluruhan.
Gunakan bagian Diagnostik di laporan Lighthouse untuk menentukan peningkatan mana yang akan memberikan nilai paling besar untuk halaman Anda. Makin signifikan peluangnya, makin besar dampaknya terhadap Skor performa Anda. Misalnya, screenshot Lighthouse berikut menunjukkan bahwa menghapus resource yang memblokir rendering akan menghasilkan peningkatan terbesar:
Lihat Audit performa untuk mempelajari cara mengatasi peluang yang diidentifikasi dalam laporan Lighthouse Anda.