Hazırlık kontrolü · Hızlandır alanı · ağırlık 5

head bölümünde oluşturmayı engelleyen betik yok

Belgenin head bölümündeki her harici betik async, defer veya type="module" kullanır.

Neden önemli

head bölümündeki sıradan bir script src öğesi, ilgili dosya indirilip çalıştırılana kadar tarayıcının herhangi bir şey göstermesini engeller.

DOM gerektiren betiklere defer, analiz betikleri gibi bağımsız betiklere async ekleyin veya bunları body bölümünün sonuna taşıyın.

Belgenin head bölümündeki her harici betik async, defer veya type="module" kullanır.

Gözlemlendi: head bölümündeki betikler engelleme yapmadan yükleniyor.

Gözlemlenmedi: head bölümündeki bir veya daha fazla betik görüntülemeyi engelliyor.

Sınırlama: Otomatik bir istemciye iletilen ana sayfa HTML'sine dayanır; daha sonra çalışan betikler yürütülmemiştir.

Next.js: next/script bileşenini uygun bir yükleme stratejisiyle kullanın.
WordPress: WordPress 6.3 sürümünden beri betikler defer veya async yükleme stratejisiyle kaydedilebiliyor.