Lighthouse 2.6 Güncellemeleri

Brendan Kenny
Brendan Kenny

Lighthouse 2.6 çıktı! Bu sürümün öne çıkan özellikleri şunlardır:

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

2.6 sürümüne güncelleme

  • AİOY. npm update lighthouse komutunu çalıştırın. Lighthouse'u küresel olarak 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 güncelleyebilirsiniz.
  • Geliştirici Araçları'nı tıklayın. Denetimler paneli, Chrome 65'te 2.6 sürümüyle kullanıma sunulacak. Chrome'un hangi sürümünü kullandığınızı chrome://version adresinden kontrol edebilirsiniz. Chrome yaklaşık 6 haftada bir yeni sürüme güncellenir. Chrome Canary'yi indirerek en son Chrome kodunu çalıştırabilirsiniz.

Yeni performans denetimleri

JavaScript başlatma süresi uzun

Sayfanızın her bir komut dosyasını ayrıştırmak, derlemek ve çalıştırmak için harcadığı sürenin dökümünü görüntüleyin. JavaScript önyükleme süresi, sayfa yükleme süresinde gizli olmakla birlikte önemli bir faktördür.

"JavaScript başlatma süresi uzun" denetimi.
Şekil 1. JavaScript başlatma süresi uzun denetimi

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

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

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

Sayfa yönlendirmelerinden kaçınır

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

"Sayfa yönlendirmelerini önler" denetimi
Şekil 3. Sayfa yönlendirmelerini önler denetimi

Erişilebilirlik bölümü puanının yeniden düzenlenmesi

Lighthouse 2.6'da toplam erişilebilirlik puanı farklı şekilde hesaplanır. Puan, her erişilebilirlik denetimini, HTTP Arşivi veri kümesine dayanarak sorunun kullanıcı deneyimi üzerindeki etkisinin şiddetine 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 İyileştirmelerini Bildirme

En üst düzey hatalar

Raporunuzun üst kısmında Lighthouse, sayfanızın puanlarını etkilemiş olabilecek hatalar konusunda sizi uyarır.

Raporun en üstündeki en üst düzey hatalar
Şekil 4. Raporun en üstündeki en üst düzey hatalar

Raporlarınızın özet veya ayrıntılı sürümlerini yazdırmak için Raporu Dışa AktarRaporu Dışa Aktar tıklayın ve ardından Özet Yazdır veya Genişletilmiş Yazdır'ı seçin.

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

En boy oranıyla ilgili hata düzeltmesi

2.6 ayrıca, sayfada hiç resim olmasa veya tüm resimler doğru şekilde boyutlandırılmış olsa bile Resimleri doğru en boy oranına sahip görüntüler denetiminin başarısız olmasına neden olan hatayı da düzeltir.