Çok fazla harici script (25+)
too_many_scriptsKısa cevap
Bu sayfa 25'ten fazla harici <script src> dosyasına başvuruyor. Her biri ayrı bir istektir ve defer ya da async olmayan script'ler indirilip çalıştırılana kadar ayrıştırıcıyı engeller. Bu sorun sayfanın ne kadar hızlı açıldığını ve kullanıcı deneyimini etkiler; kendi başına bir sıralama faktörü değildir. Birleştirebildiklerinizi birleştirin, bekleyebilecekleri defer/async ile yükleyin ve hiçbir şeyin kullanmadığı script'leri kaldırın.
Neden önemli
Script sayısı JavaScript ağırlığının bir göstergesidir. Her harici script ilk ziyarette DNS, bağlantı ve indirme süresine mal olur; <head> içindeki eşzamanlı script'ler ilk boyamayı geciktirir. Çok sayıda script ana iş parçacığında daha fazla uzun görev demektir; INP'yi eşiğin üzerine iten de budur.
Glimana bunu nasıl tespit eder
Tarama sırasında Glimana src özniteliği olan <script> öğelerini sayar. Sayı 25'in üzerindeyse kural tetiklenir; kanıtta sayı gösterilir.
Nasıl düzeltilir
- Etkilenen sayfaları Glimana'da bulun. Sorunlar › Çok fazla harici script (25+) ekranını açın. Etkilenen her sayfa bir satırdır; Glimana'nın o sayfa için kaydettiği kanıtı (ölçülen değer, sorunlu öğe ya da hedef URL) görmek için birini açın. Aynı liste Görevler altındaki görev kartında da bulunur; sayfanın Sayfalar altındaki kendi ayrıntı görünümü ise tüm sinyallerini gösterir.
-
Düzeltmeyi platformunuzda uygulayın.
- Listeleyin. DevTools › Network'ü açın, JS'e göre filtreleyin ve boyuta göre sıralayın. Her script'in hangi alan adından geldiğini not edin.
- Kullanılmayanları kaldırın. Etiket yöneticileri, eski A/B araçları, kimsenin bakmadığı sohbet widget'ları, mükerrer analytics. Tipik bir sayfadaki script'lerin şaşırtıcı bir kısmı hiçbir şey yapmaz.
- Gerisini erteleyin. İlk boyamadan önce gerekmeyen her şeye
deferverin; üçüncü taraf widget'larasyncalır ya da etkileşimle yüklenir. - Kendi script'lerinizi paketleyin. Kendi script'leriniz, kendi alan adınızdan uzun önbellek başlıklarıyla sunulan bir ya da iki pakette birleştirilebilir.
Her eklenti kendi script'ini her sayfaya ekleme eğilimindedir. Script'leri sayfa türüne göre devre dışı bırakmak için Asset CleanUp ya da Perfmatters kullanın ve önbellek eklentinizde "delay JavaScript" / "defer" seçeneğini açın. Yalnızca bir analytics etiketi tutun.
Kurulu her uygulama, app embed üzerinden bir script ekleyebilir. Online Store › Themes › Customize › App embeds bölümünü gözden geçirin ve kullanmadıklarınızı kapatın; uygulamayı kaldırmak script'ini de kaldırır. Temanın kendi JS'ini tek bir pakette tutun.
Build aracınızla paketleyin, rotaya göre bölün, kritik olmayan script'leri
deferolarak işaretleyin ve üçüncü taraf etiketleri her birini koda gömmek yerine tetikleyicili tek bir etiket yöneticisiyle yükleyin. -
Yayımlayın ve önbellekleri temizleyin. Kaydedip yayımlayın, ardından tarayıcının yeni sürümü göreceğinden emin olun: WordPress — önbellek eklentinizde sayfa önbelleğini temizleyin ve CDN'i boşaltın; Shopify — tema ve içerik değişiklikleri kaydedildiği anda yayına girer, ancak mağazanın önünde bir CDN varsa onu boşaltın; özel kod — dağıtımı yapın ve uç (edge) önbelleği boşaltın. Canlı HTML'in değiştiğini gizli bir pencerede ya da
curl -s https://your-domain/page | grep -i '<title\|canonical\|robots'ile kontrol edin; Glimana, web tarayıcınızın önbelleğindekini değil, sunucunun gönderdiğini okur. - Glimana'da doğrulayın. Görevler altındaki görevi açın ve Yaptım'a tıklayın. Etkilenen sayfalar birkaç saat içinde doğrulama taramasına alınır ve sayfadaki harici script sayısı 25 veya altına indiğinde görev kapanır. Kontrol yine başarısız olursa görev bir notla Yeni durumuna döner; geçerse Etki raporlarında Giderilen teknik sorunlar altında listelenir. Daha erken kontrol etmek için sorun ekranındaki Etkilenen sayfaları yeniden tara düğmesini kullanın.
Düzeltme nasıl doğrulanır
Yeniden tarayın; sayfadaki harici script sayısı 25 veya altına indiğinde görev kapanır.