Performans Analizleri, web sitenizin performansıyla ilgili uygulanabilir analizler sunar ve hem Geliştirme Araçları Performans panelinde hem de Lighthouse'ta kullanılabilir.
Geliştirici Araçları Performans Paneli Lighthouse performans denetimleri
Tarayıcının sayfadaki öğelerle eşleştirmesi uzun süren karmaşık CSS seçicileri tanımlar.
HTML dokümanı isteğinin neden beklenenden daha uzun sürdüğünü belirler.
Tek bir sayfada birden çok kez yüklenen aynı JavaScript modüllerini veya kodunu belirler.
Özel yazı tipleri yüklenirken metnin görünür kalmasını sağlamak için "font-display" CSS özelliğini değerlendirir.
JavaScript'in tarayıcıyı sayfanın düzenini yeniden hesaplamaya zorladığı ve bu nedenle performans sorunlarına yol açtığı zamanları belirler.
AVIF veya WebP gibi modern biçimler kullanmak ve doğru boyutlandırma sağlamak gibi resim yüklemeyi optimize etme yöntemleri önerir.
INP'yi iyileştirmeye yönelik optimizasyon fırsatlarını belirlemeye yardımcı olmak için INP alt bölümlerini gösterir.
Sayfada beklenmedik hareketten sorumlu olan ve CLS'ye katkıda bulunan belirli DOM öğelerini gösterir.
LCP'yi iyileştirmeye yönelik optimizasyon fırsatlarını belirlemeye yardımcı olmak için LCP alt bölümlerini gösterir.
LCP resim isteğinin neden beklenenden daha uzun sürdüğünü belirler.
Çoğu modern tarayıcı için daha yavaş ve gereksiz olabilecek eski JavaScript kodunu işaretler.
İstek ve yanıt çoklama ile hızı artırmak için HTTP/2 veya HTTP/3 gibi yeni ağ protokollerini kontrol eder.
Sayfanın ilk oluşturulmasını engelleyen önemli bağımlılık zincirlerini tanımlar.
Bir sayfada oluşturma performansını etkileyebilecek çok sayıda HTML öğesi olduğunda tanımlanır.
Sayfanın görüntü alanının, mobil cihazlarda 300 milisaniyelik bir dokunma gecikmesine neden olmaması için doğru şekilde yapılandırıldığını kontrol eder.
Sayfanın ilk oluşturulmasını engelleyerek LCP'yi geciktiren kaynakları tanımlar.
Sayfaya yüklenen üçüncü taraf kaynaklarını listeler.
Sayfayı tekrar ziyaret ettiğinizde gereksiz indirmelere yol açan, ideal olmayan önbelleğe alma politikalarını tanımlar.