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:
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
- Kod bölme işlemini uygulayarak yalnızca kullanıcılarınızın ihtiyaç duyduğu kodu gönderin.
- Kodunuzu küçültün ve sıkıştırın.
- Kullanılmayan kodları kaldırın.
- PRPL kalıbıyla kodunuzu önbelleğe alarak ağ gezilerini azaltın.
Sayfa yükleme işlemini iyileştirmenin diğer yolları için Performans denetimleri açılış sayfasına göz atın.