Speed Index Nedir?
Kısa tanım
Speed Index, bir sayfanın yüklenirken görünür alandaki içeriğinin ne kadar hızlı ekrana geldiğini ölçen bir laboratuvar metriğidir. Yüklemenin videosu kaydedilir, kareler arasındaki görsel ilerleme hesaplanır ve sonuç saniye cinsinden tek bir değere dönüştürülür. Düşük değer, ekranın büyük bölümünün erkenden dolduğu anlamına gelir. Lighthouse puanında %10 ağırlığı vardır.
Diğer adları: SI, hız endeksi, Speed Index metriği
Bir an değil, bir eğri
FCP ve LCP gibi metrikler yükleme sırasındaki tek bir anı işaretler. Speed Index ise sürecin bütününe bakar: ekran ilk saniyede %80 dolup kalan %20'yi beşinci saniyede tamamlayan bir sayfa ile ilk dört saniye boş kalıp birden dolan bir sayfa aynı "bitiş süresine" sahip olabilir ama kullanıcıya çok farklı hissettirir. Speed Index bu farkı yakalar.
Mantık şöyledir: yükleme boyunca görünür alanın ne kadarının "tamamlanmamış" olduğu zaman içinde toplanır. Ekran ne kadar erken dolarsa bu alan o kadar küçük kalır ve Speed Index o kadar düşük çıkar. Metrik ilk olarak WebPageTest tarafından tanımlandı; Lighthouse da aynı yaklaşımı Speedline adlı Node.js modülüyle uygular.
Lighthouse'ta nasıl ölçülür?
Lighthouse sayfanın yüklenişini video olarak kaydeder, ardışık kareler arasındaki görsel ilerlemeyi hesaplar ve sonucu saniyeye çevirir. Puanlama eşikleri cihaz profiline göre değişir:
| Profil | Hızlı | Orta | Yavaş |
|---|---|---|---|
| Mobil | 0–3,4 sn | 3,4–5,8 sn | > 5,8 sn |
| Masaüstü | 0–1,3 sn | 1,3–2,3 sn | > 2,3 sn |
Speed Index performans puanının %10'unu oluşturur. Görsel karşılaştırmaya dayandığı için yalnızca laboratuvarda, yani sentetik izleme araçlarında ölçülebilir; gerçek kullanıcı tarayıcılarında karşılığı yoktur ve Chrome'un saha verisi raporlarında yer almaz.
Yorumlarken dikkat edilecekler
- Görünür alana bağlıdır: Yalnızca ekran boyutundaki ilk görünüm hesaba girer. Mobil ve masaüstü değerleri bu yüzden doğrudan karşılaştırılamaz.
- Animasyonlar sonucu bozar: Dönen bir slider veya otomatik oynayan video, ekranın sürekli "değişiyor" görünmesine yol açar ve Speed Index'i yapay olarak yükseltebilir.
- Tek başına hedef değildir: Lighthouse belgeleri de belirli bir neden yoksa tek metriğe değil genel performans puanına ve teşhislere odaklanmayı önerir. Speed Index'i düşük ama LCP'si yüksek bir sayfa, ana içeriği hâlâ geç gösteriyor demektir.
Değeri iyileştiren adımlar
Speed Index'i en çok etkileyen üç teşhis; ana iş parçacığı yükünü azaltmak, JavaScript çalışma süresini kısaltmak ve web fontu yüklenirken metnin görünür kalmasını sağlamaktır. Bunlara ek olarak ilk ekranda görünen bölümün (above the fold) stillerini ve görsellerini öne almak, ekranın parça parça değil bütün olarak erken dolmasını sağlar. İlk içerikli boyama erkene çekildiğinde Speed Index de genellikle onunla birlikte iyileşir.