js 延遲載入 改變JS的位置加快網頁載入速度

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

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

這樣透過延遲載入js程式碼，給網頁載入留出更多的時間！

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

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

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

<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 延遲載入 改變JS的位置加快網頁載入速度相關文章請關注PHP中文網！