新聞中心
幾種延遲加載JS代碼的方法加快網(wǎng)頁的訪問速度
本文介紹了如何延遲javascript代碼的加載,加快網(wǎng)頁的訪問速度。
成都創(chuàng)新互聯(lián)公司專注于葉城網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供葉城營銷型網(wǎng)站建設(shè),葉城網(wǎng)站制作、葉城網(wǎng)頁設(shè)計(jì)、葉城網(wǎng)站官網(wǎng)定制、小程序制作服務(wù),打造葉城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供葉城網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
當(dāng)一個(gè)網(wǎng)站有很多js代碼要加載,js代碼放置的位置在一定程度上將會(huì)影像網(wǎng)頁的加載速度,為了讓我們的網(wǎng)頁加載速度更快,本文總結(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
這樣通過延遲加載js代碼,給網(wǎng)頁加載留出更多的時(shí)間!
2、js最后加載方案一
在需要插入JS的地方插入以下代碼:
程序代碼
復(fù)制代碼
代碼如下:
span
id=”L4EVER”LOADING…/span
當(dāng)然,那個(gè)LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然后在頁面最底端插入:
程序代碼
復(fù)制代碼
代碼如下:
span
id=”AD_L4EVER”你的JS代碼在這里!/span
scriptL4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";/script
3、讓JS最后加載方案二
這個(gè)牽涉到網(wǎng)頁的加載順序問題,例如引入外部js腳本文件時(shí),如果放入html的head中,則頁面加載前該js腳本就會(huì)被加載入頁面,而放入body中,則會(huì)按照頁面從上倒下的加載順序來運(yùn)行javascript的代碼~~~
所以我們可以把js外部引入的文件放到頁面底部,來讓js最后引入,從而加快頁面加載速度。
javascript 網(wǎng)頁怎么加速
1、頁面精簡(jiǎn):去掉html頁面不必要的空格、注釋,盡量將script和css寫在外部文件中。
可以借用第三方工具對(duì)頁面進(jìn)行加速。
2、減少文件數(shù)量減少頁面上引用的文件數(shù)量可以減少HTTP連接數(shù)許多JavaScript、CSS文件可以合并最好合并,人家財(cái)幫子都把自己的JavaScript.functions和Prototype.js合并到一個(gè)base.js文件里去了
為什么Javascript走馬燈自動(dòng)加速,一點(diǎn)到其他需要運(yùn)行.JS腳本文件的按鈕,走馬燈速度就變快。
加個(gè)全局標(biāo)記,已運(yùn)行狀態(tài)就return行了。現(xiàn)在估計(jì)是你每連一次,就多一個(gè)timer出來為它移動(dòng)。所以越點(diǎn)越快。
另外,要走馬燈效果,有很多很好的js庫。如msclass.js。自己寫的效果不好。
當(dāng)前名稱:javascript加速,js gpu加速
當(dāng)前URL:http://fisionsoft.com.cn/article/dsieoch.html