Lighthouse 8.4, komut satırında ve Chrome Canary'de hemen kullanılabilir. Araç, bir hafta içinde Chrome 95'te Chrome'un Mevcut Ürün Kanalında açılır ve PageSpeed Insights'ta kullanılabilir.
Lighthouse Düğümü KSA'sını 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 resimlerini geç yükleme
Geç yüklenen resimler, ekranın üst kısmındaki içeriğin yüklenmesini engellememeleri için ekran dışındaki resimleri ertelemenin etkili bir yolu olabilir.
Bununla birlikte, bir sayfanın LCP öğesi resimse geç yüklemenin LCP'de önemli bir olumsuz etkisi olabilir. Tarayıcı, resme hemen indirilmek üzere öncelik vermek yerine resmi sıraya alabilir ve önce diğer kaynakları getirebilir. WordPress'te geç yüklemeyle ilgili yakın zamanda yapılan bir çalışma, ilk görüntü alanındaki resimlerin geç yüklenmemesi durumunda LCP'nin bazı siteler için% 15'e kadar iyileşebildiğini göstermiştir.
Lighthouse, artık LCP öğesinin geç yüklenen bir resim olup olmadığını algılar ve loading özelliğinin bu resimden kaldırılmasını önerir.
Daha fazla bilgi için ilk teklif ve uygulama çekme isteğini inceleyin.
Daha iyi bir İlk Giriş Gecikmesi için mobil görüntü alanı ayarlama
viewport denetimi, yıllardır En İyi Uygulamalar kategorisinin bir parçası olsa da 8.4, Performans kategorisi için de bu tavsiyeyi memnuniyetle karşılamaktadır.
Birçok mobil tarayıcı, kullanıcıların mobil ekranlar için tasarlanmamış içerikleri, yani uygunsuz bir mobil cihaz <meta name="viewport"> içermeyen içerikleri kolayca büyütebilmelerini sağlamak üzere "yakınlaştırmak için iki kez dokunma" işlemini destekler. Pratikte bu, ikinci bir dokunuşun ardından tarayıcının kullanıcı dokunmasından sonra 300 ms'ye kadar beklemesi gerektiği ve bu süre boyunca sayfanın ilk dokunmaya yanıt veremeyeceği anlamına gelir. Bu, birkaç yüz milisaniyelik başarısız bir FID anlamına gelir.
Kısa süre önce HTTP Arşivi'ndeki verilerle ilgili bir araştırmada, Lighthouse'da 90 veya daha yüksek puan alan ancak en az bir Core Web Vital'da başarısız olan sitelerin yarısından fazlası, mobil görüntü alanı ayarlanmamıştır ve FID'de başarısız olmuştur. Sonuç olarak Lighthouse performans bölümü, aşağıdakine benzer bir görüntü alanı bulunamazsa eklenmesini önerir:
<meta name="viewport" content="width=device-width">
Daha ayrıntılı bilgi için teklif sorunu ve uygulama çekme isteğini inceleyin.
Lighthouse ekibiyle iletişime geçme
Yeni özellikler, sürüm 8.4'teki değişiklikler veya Lighthouse ile ilgili herhangi bir konu hakkında konuşmak için:
- Lighthouse GitHub deposu üzerinden sorun bildirin veya geri bildirim gönderin.
- Lighthouse ekibine Twitter'dan @____lighthouse ulaşabilirsiniz.