JavaScript yürütme süresini azaltın

JavaScript'inizin çalışması uzun sürdüğünde, sayfanızın performansını çeşitli şekillerde yavaşlatır:

  • Ağ maliyeti

    Daha fazla bayt, daha uzun indirme süreleri anlamına gelir.

  • Maliyeti ayrıştırma ve derleme

    JavaScript, ana iş parçacığında ayrıştırılır ve derlenir. Ana ileti dizisi meşgul olduğunda sayfa, kullanıcı girişine yanıt veremez.

  • Yürütme maliyeti

    JavaScript, ana iş parçacığında da yürütülür. Sayfanız gerçekten ihtiyaç duyulmadan çok fazla kod çalıştırırsa bu durum, kullanıcıların sayfa hızınızı nasıl algıladığıyla ilgili temel metriklerden biri olan Etkileşime Hazır Olma Süresi'nizi de geciktirir.

  • Bellek maliyeti

    JavaScript'iniz çok sayıda referansa sahipse çok fazla bellek tüketebilir. Çok fazla bellek kullanan sayfalar kötü veya yavaş görünür. Bellek sızıntıları, sayfanızın tamamen donmasına neden olabilir.

Lighthouse JavaScript yürütme süresi denetimi nasıl başarısız olur?

Lighthouse, JavaScript'in yürütülmesi 2 saniyeden uzun sürdüğünde bir uyarı gösterir. Yürütme işlemi 3,5 saniyeden uzun sürdüğünde denetim başarısız olur:

Lighthouse Reduce JavaScript yürütme süresi denetiminin ekran görüntüsü

Yürütme süresine en çok katkıda bulunanları belirlemenize yardımcı olmak için Lighthouse, sayfanızın yüklediği her bir JavaScript dosyasını yürütmek, değerlendirmek ve ayrıştırmak için harcanan süreyi raporlar.

JavaScript yürütmesini hızlandırma

Sayfa yükleme işlemini iyileştirmenin diğer yolları için Performans denetimleri açılış sayfasına göz atın.

Kaynaklar

JavaScript yürütme süresini azaltma denetiminin kaynak kodu