本文介紹如何延遲javascript程式碼的加載,加快網頁的存取速度。
當一個網站有很多js程式碼要加載,js程式碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點:
1、延遲加載js代碼
這樣透過延遲載入js程式碼,為網頁載入留出更多的時間!
2、js最後載入方案一
在需要插入JS的地方插入以下程式碼:
程式碼
複製程式碼
複製程式碼
複製程式碼
複製碼
代碼如下:
LOADING… 當然可以換成自己喜歡的小圖片.看起來很有AJAX效果呢. 然後在頁面最底端插入: 程式碼複製程式碼複製程式碼 程式碼如下:
你的JS程式碼在這裡! <script>L4EVER.innerHTML=AD_L4EVER. innerHTML;AD_L4EVER.innerHTML=”";</script> 3、讓JS最後載入方案二這個牽涉到網頁的載入順序問題,例如引入外部js腳本檔案時,如果放入html的head中,則頁面載入前該js腳本就會被載入入頁面,而放入body中,則會按照頁面從上倒下的載入順序來運行javascript的程式碼~~~ 所以我們可以把js外部引入的檔案放到頁面底部,讓js最後才引入,從而加快頁面載入速度。