Head içindeki engelleyen betikler: defer ve async ne zaman kullanılır?

Head içinde yazılmış tek bir <script src="..."></script> satırı, tarayıcının o dosyayı indirip çalıştırana kadar sayfanın geri kalanını okumayı bırakması demektir.

KTYAPTECH SEO Analyzer bu sorunu PERF-BLOCKING-SCRIPTS-IN-HEAD-001 koduyla, “Belge head’inde bloke eden betikler” başlığı altında ve orta önem derecesiyle raporlar (Performans). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Head içinde engelleyen betikler nedir?

async veya defer niteliği olmayan harici betikler ayrıştırıcıyı engeller: tarayıcı HTML okumayı durdurur, betiği indirir, çalıştırır ve ancak sonra devam eder. Head içinde bulunduklarında bu gecikme sayfanın ilk çizimini doğrudan etkiler.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

Engelleyen betikler FCP ve LCP'yi geciktirir. Özellikle yavaş bir üçüncü taraf sunucudan yüklenen bir betik, o sunucunun sorunlarını doğrudan sizin sayfanıza taşır.

Sorun nasıl tespit edilir?

• SEO Analyzer raporundaki “Belge head'inde bloke eden betikler” bulgusunda betikleri görün.
• Sayfa kaynağında head içindeki <script src> etiketlerini ve niteliklerini kontrol edin.

Adım adım çözüm

1. Head içindeki senkron betikleri listeleyin.
2. DOM'a bağlı ve sırası önemli betiklere defer ekleyin.
3. Bağımsız betiklere (analitik gibi) async ekleyin.
4. Hemen gerekmeyen üçüncü taraf widget'ları (sohbet, harita, video) kullanıcı etkileşiminde veya sayfa yüklendikten sonra yükleyin.
5. Eski satır içi betiklerin (document.write gibi) engelleyen davranışını kaldırın.

type="module" betikler

ES modülleri varsayılan olarak ertelenmiş (defer gibi) davranır ve ayrıştırıcıyı engellemez.

Sık yapılan hatalar

• Birbirine bağımlı betiklere async vermek (çalışma sırası bozulur).
• document.write kullanan eski kodları korumak.

Düzeltmeyi nasıl doğrularsınız?

• Head içinde niteliksiz harici betik kalmadığını kontrol edin.
• SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

Betikleri body sonuna koymak aynı işi görür mü?

Kısmen; ancak defer, betiğin daha erken indirilmesine izin verdiği için genellikle daha iyidir.

Google Tag Manager async mı yüklenmeli?

Evet; standart GTM kodu zaten async yükler.

Özet

Head içindeki senkron betikler sayfa ayrıştırmasını durdurur. Bağımlı betiklere defer, bağımsızlara async verin ve ağır üçüncü taraf widget'ları ihtiyaç anında yükleyin.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.