Google Lighthouse 13 Analize Dayalı Denetimlerle Başlıyor

Google, Lighthouse raporlarını Chrome DevTools'un daha yeni analiz modeliyle uyumlu hale getiren geniş bir denetim konsolidasyonuyla Lighthouse 13'ü yayınladı.

Güncelleme şu anda npm ve Chrome Canary aracılığıyla mevcut. Yaklaşık bir hafta içinde PageSpeed ​​Insights'a aktarılacak ve Chrome'un 143 numaralı kararlı kanalında yer alması planlanıyor.

Google, güncellemenin Lighthouse'un performans puanlarını hesaplama şeklini değiştirmediğini söylüyor. Bu güncelleme yalnızca puanlanmayan denetimleri hedefler.

Deniz Feneri 13 Detaylar

Denetim Konsolidasyonu

Lighthouse 13, eski denetimlerin çoğunu DevTools'u yansıtan “içgörüler” ile değiştiriyor.

Dikkate değer örnekler şunları içerir:

• CLS ve Düzen: layout-shifts olur cls-culprits-insight Düzen değişikliği nedenlerinin daha net tanımlanması için.
• Sunucu ve Ağ: document-latency-insight yönlendirmeleri, sunucu yanıt süresini ve metin sıkıştırma kontrollerini birleştirir.
• Görseller: image-delivery-insight modern formatların, optimize edilmiş görsellerin, duyarlı görsellerin ve verimli animasyonlu içerik denetimlerinin yerini alır.
• LCP: En Büyük İçerikli Boya sorunlarını iki analiz ayrıntılı olarak ele alıyor: lcp-discovery-insight Ve lcp-phases-insight. Etkileşim çalışması için bkz. interaction-to-next-paint-insight (INP).
• Üçüncü şahıs: third-parties-insight harici komut dosyası etkisini göstermek için eski üçüncü taraf özetinin yerini alır.

Ek değişiklikler DOM boyutunu, çoğaltılmış JavaScript'i, yazı tipi görüntüsünü, eski JavaScript'i, HTTP/2 ve modern HTTPS'yi, ağ bağımlılığı ağaçlarını, işleme engellemeyi, önbelleğe almayı ve görünüm yapılandırmasını ele alır.

Denetimler Değiştirilmeden Kaldırıldı

Bazı denetimler güncelliğini yitirmiş, eyleme geçirilemez veya modern ortamlarda düşük değere sahip oldukları için kaldırıldı. Ayrıca bazı denetimler, yürütülmesi maliyetli olduğundan kaldırıldı.

Kaldırılan denetimler şunları içerir:

• first-meaningful-paint
• font-size
• offscreen-images
• preload-fonts
• uses-rel-preload
• no-document-write
• uses-passive-event-listeners
• third-party-facades

Önceki Önizlemeden Küçük Farklılıklar

Google tutuldu non-composited-animations Ve unsized-images Doğrudan CLS'ye neden olmayan sorunların belirlenmesine yardımcı olmak için ayrı tanılamalar olarak.

Google da kaldırıldı font-size Ve preload-fonts bunlar ilk kaldırma listesinde olmasa bile.

Bu Neden Önemli?

Müşteri raporlaması için Lighthouse'a güvenirseniz daha az satır öğesi ve DevTools ile eşlenen daha fazla birleştirilmiş analiz göreceksiniz.

Puanlarınız yalnızca yükseltme yaparak değişmemelidir, ancak denetim kimliklerini devre dışı bırakan herhangi bir otomasyonun yeni içgörü tanımlayıcılarını izlemesi gerekecektir.

SEO bağlamı için, font-size denetim, okunabilirlik bir kullanıcı deneyimi konusu olmayı sürdürse de Google'ın bunun güncel bir SEO sinyali olmadığı yönündeki tutumunu yansıtıyor.

İleriye Bakış

Lighthouse ve DevTools'un aynı içgörü modeline göre uyum içinde kalmasını bekleyin.

Raporlama için, PSI güncellendiğinde bozuk kontrol panellerini önlemek amacıyla eski denetim kimliklerini şimdi yeni içgörülerle eşleştirmeyi düşünün.

Öne Çıkan Görsel: FotoField/Shutterstock