幾種延遲加載JS代碼的方法加快網(wǎng)頁(yè)的訪問(wèn)速度
更新時(shí)間：2013年10月12日 17:48:51 作者：
如何延遲javascript代碼的加載，加快網(wǎng)頁(yè)的訪問(wèn)速度，為了讓我們的網(wǎng)頁(yè)加載速度更快，本文總結(jié)了一下幾個(gè)注意點(diǎn)，感興趣的朋友可以參考下
本文介紹了如何延遲javascript代碼的加載，加快網(wǎng)頁(yè)的訪問(wè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è)面加載速度。
相關(guān)文章
這篇文章主要介紹了讓JavaScript和其它資源并發(fā)下載的方法,JavaScript并發(fā)下載主要目的在于解決JS加載會(huì)阻礙頁(yè)面呈現(xiàn)的問(wèn)題,需要的朋友可以參考下2014-10-10
用javascript獲取textarea中的光標(biāo)位置
Javascript一向以他的靈活隨意而著稱，這也使得它的功能可以非常的強(qiáng)大，而由于沒(méi)有比較好的調(diào)試工具，又使得它使用起來(lái)困難重重，尤其使對(duì)于一些初學(xué)者，更是感覺(jué)到無(wú)從下手。今天探討的問(wèn)題是用javascript獲取textarea中光標(biāo)的位置。2008-05-05
本篇文章主要介紹了微信小程序-滾動(dòng)消息通知的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了JS封裝cavans多種濾鏡組件,本文主要是講解圖片濾鏡的效果以及實(shí)現(xiàn)思路，如需更多的濾鏡效果可以研究算法或者參考其他的一些開(kāi)源庫(kù)glfx.js、lena.js等等,需要的朋友可以參考下2022-02-02
js實(shí)現(xiàn)的訂閱發(fā)布者模式簡(jiǎn)單示例
這篇文章主要介紹了js實(shí)現(xiàn)的訂閱發(fā)布者模式,結(jié)合完整示例形式分析了js訂閱發(fā)布者模式相關(guān)實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2020-03-03
JS函數(shù)多個(gè)參數(shù)默認(rèn)值指定方法分析
這篇文章主要介紹了JS函數(shù)多個(gè)參數(shù)默認(rèn)值指定方法,結(jié)合實(shí)例形式分析了javascript函數(shù)參數(shù)的定義與傳遞相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
javascript 彈出窗口中是否顯示地址欄的實(shí)現(xiàn)代碼
程序中通過(guò)點(diǎn)擊一個(gè)“發(fā)貨提醒”鏈接彈出另一個(gè)窗口，使用的方法是用javascript 的openUrl()方法。2011-04-04
JavaScript惰性求值的一種實(shí)現(xiàn)方法示例
這篇文章主要給大家介紹了關(guān)于JavaScript惰性求值的一種實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
這篇文章主要介紹了js加載讀取內(nèi)容及顯示與隱藏div的方法,需要的朋友可以參考下2014-02-02
用來(lái)計(jì)算頁(yè)面的刷新次數(shù)的js代碼。2009-07-07