Lighthouse 8.4 hemen komut satırından ve Chrome Canary'de kullanılabilir. Bu sürüm, Chrome 95'te Chrome'un kararlı sürümünde kullanıma sunulacak ve bir hafta içinde PageSpeed Insights'ta kullanıma sunulacaktır.
Lighthouse Düğümü KSA'yı denemek için aşağıdaki komutları kullanın:
npm install -g lighthouse
lighthouse https://www.example.com --view
Değişikliklerin tam listesini 8.4 değişiklik günlüğünde görebilirsiniz.
Yeni denetimler
Largest Contentful Paint resimleriyle geç yükleme yapma
Resimleri geç yüklemek, ekranın üst kısmındaki içeriğin yüklenmesini engellememeleri için ekran dışındaki resimleri ertelemek için etkili bir yol olabilir.
Bununla birlikte, bir sayfanın LCP öğesi resimse bu öğenin geç yüklenmesi LCP üzerinde önemli bir olumsuz etki yaratabilir. Tarayıcı, resmi anında indirilmeye öncelik vermek yerine sıraya koyabilir ve diğer kaynakları getirebilir. Kısa süre önce WordPress'te geç yüklemeyle ilgili olarak yapılan bir araştırmada, ilk görüntü alanındaki resimlerin geç yüklenmediği durumlarda LCP'nin bazı siteler için% 15'e kadar artabileceği tespit edilmiştir.
Lighthouse artık LCP öğesinin geç yüklenmiş bir resim olup olmadığını algılar ve öğedeki loading özelliğini kaldırmanızı önerir.
Daha fazla bilgi için ilk teklife ve uygulama çekme isteğine bakın.
Daha iyi bir İlk Giriş Gecikmesi için mobil görüntü alanı ayarlayın
viewport denetimi yıllardır En İyi Uygulamalar kategorisindedir ancak 8.4, Performans kategorisine de bu tavsiyeyi memnuniyetle karşılar.
Birçok mobil tarayıcı, "yakınlaştırmak için iki kez dokunma" özelliğini destekler ile kullanıcıların mobil cihaz ekranı için tasarlanmamış, yani açık bir mobil cihaz bulunmayan içeriği kolayca büyütebilmelerini sağlar <meta name="viewport">. Pratikte bu, tarayıcının ikinci bir dokunuşun takip edip etmeyeceğini görmek için kullanıcı dokunduktan sonra 300 ms. kadar beklemesi gerektiği ve bu süre zarfında sayfa ilk dokunmaya yanıt veremeyeceği anlamına gelir. Bu, birkaç yüz milisaniyelik hatalı FID hatasına karşılık gelir.
Yakın zamanda HTTP Arşivi verileriyle ilgili bir çalışmada, Lighthouse'ta 90 veya daha yüksek puan alan ancak en az bir Core Web Vital'de başarısız olan sitelerin yarısından fazlası, mobil görüntü alanına sahip olmadığı için FID'de başarısız olmuştur. Sonuç olarak, Lighthouse performans bölümü artık hiçbir görünüm bulunmazsa Lighthouse performansı bölümünde aşağıdaki gibi bir görüntü alanı eklemenizi önerecektir:
<meta name="viewport" content="width=device-width">
Daha fazla ayrıntı için teklif sorunu ve uygulama çekme isteği konularına bakın.
Lighthouse ekibiyle iletişim kurma
Yeni özellikleri, sürüm 8.4'teki değişiklikleri veya Lighthouse ile ilgili diğer her şeyi tartışmak için:
- Sorun bildirin veya Lighthouse GitHub deposu üzerinden geri bildirim gönderin.
- @____lighthouse Twitter hesabı üzerinden Lighthouse ekibine ulaşın.