幾種延遲加載JS代碼的方法加快網頁的訪問速度

2019-11-20 21:53:47

字體：大中小

來源：轉載

供稿：網友

本文介紹了如何延遲javascript代碼的加載，加快網頁的訪問速度。

當一個網站有很多js代碼要加載，js代碼放置的位置在一定程度上將會影像網頁的加載速度，為了讓我們的網頁加載速度更快，本文總結了一下幾個注意點：
1、延遲加載js代碼

 
<script type=”text/javascript” src=”" id=”my”></script> 
<script type=”text/javascript”> 
setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延時3秒 
</script> 

這樣通過延遲加載js代碼，給網頁加載留出更多的時間！

2、js最后加載方案一
在需要插入JS的地方插入以下代碼:
程序代碼

復制代碼代碼如下:

<span id=”L4EVER”>LOADING…</span>

當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然后在頁面最底端插入:
程序代碼

復制代碼代碼如下:

 
<span id=”AD_L4EVER”>你的JS代碼在這里!</span > 
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script> 

3、讓JS最后加載方案二
這個牽涉到網頁的加載順序問題，例如引入外部js腳本文件時，如果放入html的head中,則頁面加載前該js腳本就會被加載入頁面，而放入body中，則會按照頁面從上倒下的加載順序來運行javascript的代碼~~~ 所以我們可以把js外部引入的文件放到頁面底部，來讓js最后引入，從而加快頁面加載速度。

上一篇：js獲取或設置當前窗口url參數的小例子

下一篇：JavaScript如何從listbox里同時刪除多個項目