Video: jQuery Ajax ile Anlık Veri Güncellemesi Uygulaması 2024
Yavaş web sayfalarının bir ana nedeni sözde engelleme betiği. Engelleme komut dosyası, yüklenmesi ve çalıştırılmasıyla bir web sayfasının yüklenmesini engelleyen bir JavaScript dosyasıdır. Aşırı koşullar altında, bir tarayıcı, JavaScript yüklenirken ve ayrıştırılırken bir web sayfasının tamamını indirebilir ve birkaç saniye veya daha uzun bir süre boş bir ekran gösterebilir. Web kullanıcıları çabuk sıkıldığı için bu durumdan kaçınılmalıdır.
Neyse ki, JavaScript'in yüklenmesini ve yürütülmesini ertelemek ve web sayfalarınızı daha hızlı görüntülemek için çeşitli yollar vardır.
İlk yol, komut dosyası öğesinin ertelenme özniteliğini kullanarak. İşte benziyor:
ertelenin yalnızca harici JavaScript dosyaları ile kullanılabileceğine dikkat edin. Bir belge içindeki bloklara uygulanamaz.
Varsa, ertele özniteliği, sayfa ayrıştırmayı bitirdikten sonra komut dosyasının yürütülmesine neden olur.
Bir komut dosyasının yüklenmesini ve yürütülmesini geciktirmenin bir diğer yolu da Google'ın önerdiği yöntemdir. Google, web sayfanızın en altına aşağıdaki kodu koymanızı önerir. Bunu kullanmak için, örnek komut dosyası adını (burada, myscript.js) kendi dosya adınızla değiştirirsiniz tabii ki.
işlev downloadJSAtOnload () {var öğe = belge. createElement ("komut"); öğesi. src = "myscript.js"; belgesi. vücut. appendChild (element);} if (window.AdEventListener) penceresi. addEventListener ("yükle", indirmeSINI döndürme, yanlış); else if (pencere. attachEvent) penceresi. attachEvent ("onload", downloadSAERTOnload); başka pencere. onload = downloadJSAtOnload;
JavaScript'in ertelenmesine yardımcı olması için bir diğer özellik asenk özniteliğidir. HTML5'te async özelliği yeni. İşte benziyor:
ertelenme özniteliği gibi, async özniteliği yalnızca harici komut dosyaları (src özniteliği kullanılırken) ile kullanılabilir. Varsa, async özniteliği komut dosyasının sayfanın geri kalanında eşzamansız olarak yürütülmesine neden olur. Diğer bir deyişle, komut dosyası sayfanın geri kalanında olduğu gibi çalıştırılacaktır.
Hangi yöntemi kullanmayı seçerseniz seçin, sayfanızdaki geri kalan JavaScript'in düzgün çalışıp çalışmadığı üzerinde etkisi olabilir. Ertelenmiş yüklemeyi uyguladıktan sonra her şeyi test ettiğinizden emin olun. JavaScript'in ertelenmesi, kullanıcılarınızın bekleme sürelerini önemli ölçüde düşürebilir ve herkesin daha mutlu olmasını sağlayabilir.
