js 消極式載入 改變JS的位置加快網頁載入速度

當一個網站有很多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最後引入，從而加快頁面載入速度。