快捷導(dǎo)航

js 延遲加載改變JS的位置加快網(wǎng)頁(yè)加載速度

更新時(shí)間：2012年12月11日 16:43:22 作者：

當(dāng)一個(gè)網(wǎng)站有很多js代碼要加載，js代碼放置的位置在一定程度上將會(huì)影像網(wǎng)頁(yè)的加載速度,為了提高加載速度，本文總結(jié)了一下幾個(gè)注意點(diǎn)

當(dāng)一個(gè)網(wǎng)站有很多js代碼要加載，js代碼放置的位置在一定程度上將會(huì)影像網(wǎng)頁(yè)的加載速度，為了讓我們的網(wǎng)頁(yè)加載速度更快，本文總結(jié)了一下幾個(gè)注意點(diǎn)：
1、延遲加載js代碼

復(fù)制代碼代碼如下:

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

這樣通過(guò)延遲加載js代碼，給網(wǎng)頁(yè)加載留出更多的時(shí)間！

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

復(fù)制代碼代碼如下:

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

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

復(fù)制代碼代碼如下:

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

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

您可能感興趣的文章: