Lighthouse 3.0 çıktı! 3.0; daha hızlı denetimler, daha az sapma, yeni bir rapor kullanıcı arayüzü, yeni denetimler ve daha fazlasını sunar.
3.0'a güncelleme
- CLI.
npm install -g lighthouse@nextkomutunu çalıştırın. - Düğüm.
npm install lighthouse@nextkomutunu çalıştırın. - Chrome Uzantısı Uzantınız 3.0 sürümüne otomatik olarak güncellenecektir.
- Chrome Geliştirici Araçları. Lighthouse 3.0, Chrome 69'da kullanılabilir.
Daha hızlı denetimler ve daha az sapma
Lighthouse 3.0, birkaç değişiklik sayesinde denetlemelerinizi daha hızlı ve çalıştırmalar arasında daha az boşlukla tamamlar:
- Kısıtlama simülasyonu. Daha önce Lighthouse, denetimleri çalıştırmadan önce sayfanızı kısıtlıyordu. Artık Lighthouse, Lantern kodlu yeni bir dahili denetleme motoru kullanıyor. Bu motor, denetimlerinizi normal ağ ve CPU ayarlarınız altında yürütüyor ve ardından sayfanın mobil koşullarda yüklenmesinin ne kadar süreceğini tahmin ediyor.
- Daha kısa bekleme süreleri. Bir sayfanın yüklenmesinin tamamlandığını belirlemek için Lighthouse'un ağda ve CPU'da etkinlik olmamasını beklemesi gerekir. Bu bekleme süresi v3'te daha kısadır.
Yeni Rapor Kullanıcı Arayüzü
Lighthouse 3.0, Lighthouse ve Chrome Kullanıcı Deneyimi (Araştırma ve Tasarım) ekiplerinin işbirliği sayesinde yepyeni bir rapor kullanıcı arayüzüne sahiptir.
Çağrı değişiklikleri
Lighthouse'un Düğüm sürümü artık CLI sürümüyle aynı yapılandırma seçeneklerini destekliyor. Bu, Node Lighthouse modülünüzü v2'de nasıl yapılandırdığınıza bağlı olarak zarar veren bir değişiklik olabilir. Daha fazla bilgi için Çağrı değişiklikleri bölümünü inceleyin.
Puanlama değişiklikleri
Lighthouse 3.0'da Performans denetimleri için puanlama modeli değişir. 50 puan, 75. yüzdelik dilimi temsil ederken tam puan olan 100, getirilerin azalma noktası olan 98. yüzdelik dilimi temsil eder.
Performans puanı, performans denetimlerinin ağırlıklı ortalamasıdır. Denetimlerin ağırlığı da v3'te değişir.
| Denetim Adı | v2 Ağırlık | v3 Ağırlık |
|---|---|---|
| İlk Zengin İçerikli Boyama (v3'teki yeni) | Yok | 3 |
| İlk Anlamlı Boyama | 5 | 1 |
| İlk CPU Boşta (v2'deki İlk Etkileşim) | 5 | 3 |
| Etkileşime Hazır Olma Süresi (v2'de Sürekli Etkileşimli) | 5 | 5 |
| Algısal Hız Endeksi | 1 | Yok |
| Hız Endeksi | Yok | 4 |
| Tahmini Giriş Gecikmesi | 1 | 0 |
Bundan sonra, Lighthouse v3 Puanlama Kılavuzu, Lighthouse v3'te puanlamanın nasıl çalıştığıyla ilgili bilmeniz gereken her şey için doğru kaynak olacaktır.
Yeni çıkış biçimleri ve değişiklikleri
CSV çıkış desteği
Rapor sonuçlarının çıktısı artık CSV biçiminde alınabilir. Her satırda, bir denetimle ilgili bilgiler ve sonuçlar yer alır. Örneğin:
- Denetimin ait olduğu kategorinin adı.
- Denetimin adı.
- Denetimin açıklaması.
- Denetim için kullanılan puan türü.
- Puan değeri.
JSON çıkış değişiklikleri
Sürüm 3.0'da Lighthouse'un JSON çıkış biçiminde birçok değişiklik yapılmıştır. Daha fazla bilgi için Lighthouse v3 Taşıma Kılavuzu'na bakın.
Yeni denetimler
İlk Zengin İçerikli Boyama
Metin veya resim içeriğinin kullanıcının ekranına ilk olarak ne zaman boyandığını ölçün.
robots.txt geçerli değil
Arama botlarının sitenizi tarayabilmesi için sitenizin robots.txt dosyasının doğru biçimlendirilmiş olduğundan emin olun.
Animasyonlu içerik için video biçimlerini kullanın
Video dosya boyutlarında önemli ölçüde tasarruf etmek için GIF'leri video etiketleriyle değiştirin.
Daha fazla bilgi edinmek için Animasyonlu GIF'leri video ile değiştirme konusuna bakın.
Herhangi bir kalkışa birden fazla, maliyetli yöne gitmekten kaçının
link etiketlerine rel="preconnect" özellikleri ekleyerek yükleme performansınızı iyileştirin. Bu özellikler, tarayıcıyı mümkün olan en kısa sürede bir kaynakla bağlantı kurması konusunda bilgilendirir.
Daha fazla bilgi edinmek için Önceden bağlanma başlıklı makaleye bakın.
Değişiklikleri denetle
İlk Etkileşim ➡ İlk CPU Boşta
First Interactive denetiminin işleyiş şeklini daha iyi açıklamak için adı First CPU Idle (İlk CPU Boşta) olarak değiştirildi. Denetimin genel amacı aynıdır. Kullanıcıların sayfanızla ilk olarak ne zaman etkileşime girebildiğini ölçmek için bu denetimi kullanın.
Algısal Hız Endeksi ➡ Hız Endeksi
Lighthouse 3.0'da Algılanan Hız Endeksi denetimi artık Hız İndeksi olarak adlandırılmaktadır. Bu değişiklik, Lighthouse'u WebPageTest'in bu metriği ölçme biçimiyle uyumlu hale getirmiştir. Denetimin amacı aynıdır ancak temel metrik biraz farklıdır.