Lighthouse 2.6 Güncellemeleri

Lighthouse 2.6 kullanıma sunuldu. Öne çıkan özellikler:

Yeni özelliklerin, değişikliklerin ve hata düzeltmelerinin tam listesi için 2.6 sürüm notlarına göz atın.

2.6 sürümüne güncelleme yapma

  • AİOY. npm update lighthouse'ü çalıştırın. Lighthouse'u dünya genelinde yüklediyseniz npm update lighthouse -g işaretini çalıştırın.
  • Chrome uzantısı. Uzantı otomatik olarak güncellenir ancak chrome://extensions üzerinden manuel olarak da güncelleyebilirsiniz.
  • Geliştirici Araçları. Denetim paneli, Chrome 65'te 2.6 sürümü ile birlikte kullanıma sunulacaktır. chrome://version üzerinden hangi Chrome sürümünü kullandığınızı kontrol edebilirsiniz. Chrome yaklaşık 6 haftada bir yeni bir sürüme güncellenir. Chrome Canary'ı indirerek en son Chrome kodunu çalıştırabilirsiniz.

Yeni performans denetimleri

JavaScript'in açılış süresi yüksek

Sayfanızın her komut dosyasını ayrıştırmak, derlemek ve yürütmek için harcadığı sürenin dökümünü görüntüleyin. JavaScript'in başlatılma süresi, sayfa yükleme süresinde biraz gizli ancak önemli bir faktördür.

"JavaScript'in açılış süresi yüksek" denetimi.
Şekil 1. JavaScript'in açılış süresi yüksek denetimi

Statik öğelerde verimsiz önbellek politikası kullanılıyor

Tarayıcının, kaynaklarınızın her birini düzgün şekilde önbelleğe aldığından emin olun.

"Statik öğelerde verimsiz önbellek politikası kullanılıyor" denetimi
Şekil 2. Statik öğelerde verimsiz önbellek politikası kullanılıyor denetimi

Sayfa yönlendirmelerini önler

Sayfa yönlendirmeleri, ek bir ağ gidiş dönüş işlemi veya ek DNS araması gerekiyorsa iki ek ağ gidiş dönüş işlemi ekler. Sayfa yüklenme süresini kısaltmak için yönlendirmeleri en aza indirin.

"Sayfa yönlendirmelerinden kaçınma" denetimi
Şekil 3. Sayfa yönlendirmelerinden kaçınma denetimi

Erişilebilirlik bölümü puanının yenilenmesi

Lighthouse 2.6'da toplu erişilebilirlik puanı farklı şekilde hesaplanır. Puan, her erişilebilirlik denetimini HTTP Archive veri kümesine göre kullanıcı deneyimi üzerindeki etkisinin ciddiyetine ve sorunun sıklığına göre ağırlıklandırır. Ayrıntılı bir tartışma için googlechrome/lighthouse/issues/3444 adresine bakın.

Kullanıcı deneyimi iyileştirmelerini bildirme

Üst düzey hatalar

Lighthouse, raporunuzun en üstünde sayfanızı puanlarını etkileyebilecek hatalar konusunda sizi uyarır.

Raporun en üstündeki üst düzey hatalar
Şekil 4. Raporun en üst kısmındaki üst düzey hatalar

Raporlarınızın özetlenmiş veya ayrıntılı sürümlerini yazdırmak için Raporu Dışa AktarAktarım Raporu tıklayın, ardından Özeti Yazdır veya Genişletilmiş Raporu Yazdır'ı seçin.

Özet ve genişletilmiş görünümleri yazdırma
Şekil 5. Yazdırma özeti ve genişletilmiş görünümler

En boy oranıyla ilgili hata düzeltmesi

2.6 sürümü, sayfada resim olmadığında veya tüm resimler uygun boyutta olduğunda bile Resimleri doğru en boy oranıyla görüntülüyor denetiminin başarısız olmasına neden olan bir hatayı da düzeltir.