Lighthouse genel Performans puanınızı nasıl hesaplar?
Genel olarak, yalnızca metrics Lighthouse Performans puanınıza katkıda bulunur, Fırsatlar veya Teşhis sonuçlarıyla sonuçlanmaz. Bununla birlikte, fırsatların ve teşhislerin iyileştirilmesi, metrik değerlerini büyük olasılıkla daha iyi hale getirecektir. Dolayısıyla, dolaylı bir ilişki vardır.
Aşağıda, puanın neden dalgalanabileceği, nasıl oluşturulduğu ve Lighthouse'un her bir metriği nasıl puanladığı açıklanmaktadır.
Puanınız neden dalgalanıyor?
Genel Performans puanınız ve metrik değerleriniz arasındaki değişkenliğin büyük bir kısmı Lighthouse'tan kaynaklanmıyor. Performans puanınızda dalgalanmaların nedeni genellikle temel koşullardaki değişikliklerdir. Yaygın sorunlar şunlardır:
- A/B testleri veya yayınlanan reklamlarda yapılan değişiklikler
- İnternet trafiği yönlendirmesi değişiklikleri
- Yüksek performanslı masaüstü ve düşük performanslı dizüstü bilgisayar gibi farklı cihazlarda test etme
- JavaScript yerleştiren ve ağ istekleri ekleyen/değiştiren tarayıcı uzantıları
- Virüsten korunma yazılımları
Lighthouse'un Değişkenlik ile ilgili belgeleri bu konuyu daha ayrıntılı bir şekilde ele almaktadır.
Ayrıca, Lighthouse size tek bir genel Performans puanı sağlayabilir, ancak site performansınızı tek bir sayı yerine puanların dağılımı olarak düşünmek daha yararlı olabilir. Bunun nedenini anlamak için Kullanıcı Odaklı Performans Metrikleri'nin kullanıma sunulmasını inceleyin.
Performans puanının ağırlığı nasıl belirlenir?
Performans puanı, metrik puanlarının ağırlıklı bir ortalamasıdır. Doğal olarak, daha ağır metriklerin genel Performans puanınız üzerindeki etkisi daha fazladır. Metrik puanları raporda görünmez, ancak arka planda hesaplanır.
Deniz Feneri 10
| Denetim | Ağırlık |
|---|---|
| İlk Zengin İçerikli Boyama | %10 |
| Hız Endeksi | %10 |
| Largest Contentful Paint | %25 |
| Toplam Engelleme Süresi | 30% |
| Cumulative Layout Shift | %25 |
Deniz Feneri 8
| Denetim | Ağırlık |
|---|---|
| İlk Zengin İçerikli Boyama | %10 |
| Hız Endeksi | %10 |
| Largest Contentful Paint | %25 |
| Etkileşime Hazır Olma Süresi | %10 |
| Toplam Engelleme Süresi | 30% |
| Cumulative Layout Shift | 15% |
Metrik puanları nasıl belirlenir?
Lighthouse performans metriklerini topladıktan sonra (çoğunlukla milisaniye cinsinden raporlanır), metrik değerinin Lighthouse puan dağılımında nereye denk geldiğine bakarak her bir işlenmemiş metrik değerini 0 ile 100 arasında bir metrik puana dönüştürür. Puanlama dağılımı, HTTP Arşivi'ndeki gerçek web sitesi performans verilerinin performans metriklerinden türetilen log-normal bir dağılımdır.
Örneğin, Largest Contentful Paint (LCP), kullanıcının sayfadaki en büyük içeriğin görünür olduğunu algıladığında bunu ölçer. LCP için metrik değeri, kullanıcının sayfayı yüklemeyi başlatması ile birincil içeriğini oluşturan sayfa arasındaki süreyi temsil eder. En iyi performans gösteren siteler, gerçek web sitesi verilerine dayalı olarak LCP'yi yaklaşık 1.220 ms. içinde oluşturur. Böylece, metrik değeri 99 puanla eşleştirilir.
Biraz daha derine inen Lighthouse puanlama eğrisi modeli, iki denetim noktasını belirlemek için HTTPArchive verilerini kullanır. Bu nokta, log-normal eğrisinin şeklini belirler. HTTPArchive verilerinin 25. yüzdelik dilimi 50 puan (ortanca kontrol noktası) ve 8. yüzdelik dilim, 90 puan (iyi/yeşil kontrol noktası) haline gelir. Aşağıdaki puanlama eğrisi grafiğini incelerken 0, 50 ile 0, 92 arasında metrik değeri ile puan arasında yakın doğrusal bir ilişki olduğunu unutmayın. 0, 96 civarında bir puan, onun üzerindeki "getirilerde azalan nokta"dır.Eğri uzaklaşır ve zaten yüksek olan bir puanı iyileştirmek için giderek daha fazla metrik iyileştirmesi yapılması gerekir.
Masaüstü ve mobil karşılaştırması nasıl ele alınır?
Yukarıda belirtildiği gibi, puan eğrileri gerçek performans verilerinden belirlenir. Lighthouse v6'dan önce tüm puan eğrileri mobil performans verilerini temel alıyordu ancak masaüstü Lighthouse çalıştırması bu verileri kullanıyordu. Pratikte bu, masaüstü puanlarının yapay olarak şişirilmesine yol açtı. Lighthouse v6, belirli masaüstü puanlarını kullanarak bu hatayı düzeltti. Performans puanınızda 5'ten 6'ya genel değişiklikler bekleyebilirsiniz ancak masaüstünde tüm puanlar önemli ölçüde farklı olacaktır.
Puanların renkleri nasıl kodlanır?
Metrik puanları ve performans puanı, aşağıdaki aralıklara göre renklendirilir:
- 0 - 49 (kırmızı): Yetersiz
- 50 - 89 (turuncu): İyileştirme Gerekiyor
- 90 - 100 (yeşil): İyi
İyi bir kullanıcı deneyimi sağlamak için, siteler iyi bir puana (90-100) sahip olmaya çalışmalıdır. 100'lük "mükemmel" bir puan elde etmek son derece zor bir iştir ve beklenen bir sonuç değildir. Örneğin, 99'dan 100'e bir puan almak, 90'dan 94'e kadar bir metrik iyileştirmesi gerektirir.
Geliştiriciler performans puanlarını iyileştirmek için ne yapabilir?
Öncelikle, belirli bir Lighthouse performans puanına ulaşmak için hangi eşikleri hedeflemeniz gerektiğini anlamanıza yardımcı olması amacıyla Lighthouse puan hesaplayıcıyı kullanın.
Lighthouse raporunun Fırsatlar bölümünde, bunların nasıl uygulanacağıyla ilgili ayrıntılı öneriler ve belgeler yer alır. Ayrıca Teşhis bölümünde, geliştiricilerin performanslarını daha da iyileştirmek için inceleyebilecekleri ek yönergeler yer almaktadır.