Ağır satır içi script (> 200 KB)

ÖnemBilgi

KapsamSayfa başına

EmekAz

DoğrulamaGörevi tamamlayınca yeniden tarama

Kural anahtarıinline_script_heavy

Kısa cevap

Sayfa, harici dosyalarda değil <script> etiketlerinin içinde 200 KB'tan fazla JavaScript barındırıyor. Satır içi kod her sayfa görüntülemesinde yeniden indirilir, tarayıcı ya da CDN tarafından önbelleğe alınamaz ve Googlebot'un ayrıştırması gereken HTML boyutunu büyütür. Bu sorun sayfanın açılma hızını ve kullanıcı deneyimini etkiler. Büyük script'leri önbellek başlıkları olan harici dosyalara taşıyın.

Neden önemli

200 KB'lık satır içi bir script, her ziyarette, her kullanıcı için, hiç önbelleğe alınmadan 200 KB HTML demektir. Ayrıca ayrıştırıcının altındaki içeriğe ulaşmasını geciktirir. Büyük satır içi bloklar genellikle bir sayfa oluşturucunun ya da framework'ün çalışma zamanını ya da bir JSON durum verisini sayfaya döktüğünün işaretidir.

Glimana bunu nasıl tespit eder

Kural, sayfadaki satır içi <script> içeriğinin toplam boyutu 200.000 baytı aştığında tetiklenir. Kanıtta ölçülen boyut gösterilir.

Nasıl düzeltilir

Glimana'da etkilenen sayfaları bulun. Sorunlar › Ağır satır içi script (> 200 KB) bölümü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, soruna yol açan öğe ya da hedef adres) görmek için satırı açın. Aynı liste Görevler altındaki görev kartında da yer alır; sayfanın Sayfalar altındaki kendi ayrıntı görünümü ise tüm sinyallerini gösterir.
Düzeltmeyi platformunuzda uygulayın.

WordPressShopifyÖzel kod

Bloğu sayfa kaynağında bulun (src özniteliği olmayan en büyük <script> bloğuna bakın). Sayfa oluşturucular ve bazı slider'lar JS kodlarını ve ayarlarını satır içine yazar; çoğunda bunun yerine dosyadan yükleme seçeneği vardır. Böyle bir seçeneği olmayan bir eklentiyse geliştiricisine sorun ya da eklentiyi değiştirin.

Tema bölümleri bazen her blok için ayar JSON'unu satır içine yazar. Bölüm başına veriyi en azda tutun ve ortak kodu {{ 'file.js' | asset_url | script_tag }} ile yüklenen assets/*.js dosyalarına taşıyın.

Derleme zamanlı framework'ler (Next, Nuxt) hidrasyon verisini satır içine yazar; bunu sayfanın ihtiyacıyla sınırlayın (getStaticProps yalnızca kullanılan alanları döndürsün). Geri kalan her şey önbelleğe alınan bir pakete gider.
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örevi Görevler altında açıp Yaptım düğmesine tıklayın. Etkilenen sayfalar birkaç saat içinde doğrulama taramasına alınır; sayfadaki satır içi script 200 KB'ın 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 sorundaki Etkilenen sayfaları yeniden tara düğmesini kullanın.

Düzeltme nasıl doğrulanır

Yeniden tarayın; sayfadaki satır içi script 200 KB'ın altına indiğinde görev kapanır.