Lighthouse'un hayatımıza girmesinden sonra UX ve SEO gibi konuları doğrudan etkileyen performans kriterlerinin sayısı arttı. Eski Google Pagespeed kurulumunda sayfadaki birkaç noktaya bakılarak yapılan değerlendirmeler, yıllar içinde Google mühendislerinin geliştirdiği yöntemlerle iyileştirildi. Bu yazımızda Lighthouse puanının nasıl hesaplandığını incelemeye çalışacağız.

Lighthouse 2024 versiyonunun 10 yılı itibarıyla performans kriterleri aşağıdaki gibidir:

  • İlk İçerikli Boya - %10
  • Hız Endeksi - %10
  • En Büyük İçerikli Boya - %25
  • Toplam Engelleme Süresi - %30
  • Kümülatif Düzen Kayması - %25

Önceki sürüm olan Lighthouse 5'e göre en önemli yenilik, CLS'nin (Kümülatif Düzen Kaydırma) eklenmesidir. Haziran 2024 itibarıyla SEO için önemli bir performans kriteri olduğu açıklanan bu metrik, önümüzdeki yıllarda oldukça kritik hale gelebilir.

 

deniz feneri-aracı.png

 

Lighthouse ayrıca sayfa hızı hedeflerinizi girerek nasıl bir puan elde edebileceğinizi önceden gösteren bir araç da hazırladı. Şuraya erişebilirsiniz: Lighthouse puanı hesaplama aracı burada.

Renk kodlamasının hangi sayı aralıklarını temel aldığını sorarsanız aşağıdaki aralıklara göz atabilirsiniz. Bu değerlendirmelerde yeşil görmeniz, başarılı olduğunuz anlamına gelecektir:

  • 0-49 (zayıf): Kırmızı
  • 50-90 (geliştirilmeye ihtiyaç var): Portakal
  • 90+ (iyi): Yeşil

Puanlar mobil ve masaüstü siteler için değişiklik göstermektedir ancak mobil trafiğin %75'i aşması durumunda değerlendirmeler mobil puan üzerinden yapılmaktadır.

Her Lighthouse testinde farklı sonuçlarla karşılaşabilirsiniz. Bunun nedenlerinden bazıları reklamlar ve sayfadaki reklam türleridir. Site içerisinde yapılan A/B testleri, internet trafiğindeki anlık değişikliklerve sunucuda oluşabilecek anlık durumlar.

Lighthouse testini gerçekleştirmenin en kolay yolu Chrome tarayıcısını kullanmaktır. "İncele" menüsüne girin, "Deniz Feneri" sekmesine tıklayın ve ardından "Rapor Oluştur" düğmesine tıklayın. Yaklaşık 8-10 saniye sürecek olan hesaplama farklı cihazlar ve internet hızları dikkate alınarak yapılmaktadır.

Kaynak: https://web.dev/performance-scoring/