Bir komut dosyasının HTML yüklemesi bitinceye kadar fiili kullanımı yoktur; bir komut dosyası, HTML yüklenene kadar DOM’yi değiştiremez document.ready
DOM'un yüklenmesini bekler. Yani, stil sayfaları gibi önemli şeyleri tuttuğunun anlamı yok.
</body>
HTML ve CSS’nizi olabildiğince hızlı bir şekilde kullanıcıya ulaştırmak için komut dosyalarını sayfanın en altına ( etiketten önce ) yerleştirin. Tarayıcı, sayfayı çok daha hızlı hale getirebilecek ve ardından komut dosyalarının indirilmesini beklerken kullanıcının bakması için boş bir sayfa bırakmak yerine komut dosyaları yüklenebilecektir.
Tarayıcı aşamalı olarak sayfayı görüntülerken, bir komut dosyası etiketine (örneğin harici bir Javascript dosyası) vurursa her şey durur . Komut dosyalarının geçiş hakkı vardır - bir komut dosyası indirilirken tarayıcı başka bir indirme işlemine başlamaz. yani Görüntüler ve stil sayfaları ve diğer paralel indirmeler, farklı ana bilgisayar adlarında bile engellenir.
Komut dizilerini sayfanın altına koymanın dezavantajı, sayfanın komut dizileri başlatılmadan önce oluşturulacağı için, özellikle hızlı tıklamalar Javascript hazır olmadan önce sitenizle etkileşime girebilecek.
Not: Stil sayfaları için tam tersi geçerlidir - tüm stil sayfaları indirilip belgeye taşınana dek, sayfa stilinin ilerlemesini sağlayan sayfa stilleri, stil stilleri indirilip belgeye taşındığında HEAD
sorun ortadan kalkar.
Javascript'i kullanıcının beklemesine gerek kalmadan yüklemek için düzgün bir numara var, <script/>
DOM createElement()
yöntemini kullanarak bir öğe oluşturabilir ve onu kapanış </body>
etiketinden hemen önce sayfaya ekleyebilirsiniz :
var oScript = document.createElement("script");
oScript.src = "/path/to/my.js";
document.body.appendChild(oScript);
Tarayıcı, yeni <script/>
eleman gerçekten sayfaya ekleninceye kadar js betiğini indirmeye başlamaz . İndirme işlemi tamamlandıktan sonra, tarayıcı içinde bulunan Javascript kodunu yorumlar.