幾種延遲加載JS代碼的方法加快網(wǎng)頁的訪問速度
更新時間：2013年10月12日 17:48:51 作者：
如何延遲javascript代碼的加載，加快網(wǎng)頁的訪問速度，為了讓我們的網(wǎng)頁加載速度更快，本文總結(jié)了一下幾個注意點，感興趣的朋友可以參考下
本文介紹了如何延遲javascript代碼的加載，加快網(wǎng)頁的訪問速度。
當(dāng)一個網(wǎng)站有很多js代碼要加載，js代碼放置的位置在一定程度上將會影像網(wǎng)頁的加載速度，為了讓我們的網(wǎng)頁加載速度更快，本文總結(jié)了一下幾個注意點：
1、延遲加載js代碼
復(fù)制代碼 代碼如下:
<script type=”text/javascript” src=”" id=”my”></script>
<script type=”text/javascript”>
setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延時3秒
</script>
這樣通過延遲加載js代碼，給網(wǎng)頁加載留出更多的時間！
2、js最后加載方案一
在需要插入JS的地方插入以下代碼:
程序代碼
復(fù)制代碼 代碼如下:
<span id=”L4EVER”>LOADING…</span>
當(dāng)然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然后在頁面最底端插入:
程序代碼
復(fù)制代碼 代碼如下:
<span id=”AD_L4EVER”>你的JS代碼在這里!</span >
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>
3、讓JS最后加載方案二
這個牽涉到網(wǎng)頁的加載順序問題，例如引入外部js腳本文件時，如果放入html的head中,則頁面加載前該js腳本就會被加載入頁面，而放入body中，則會按照頁面從上倒下的加載順序來運行javascript的代碼~~~ 所以我們可以把js外部引入的文件放到頁面底部，來讓js最后引入，從而加快頁面加載速度。
相關(guān)文章
這篇文章主要介紹了讓JavaScript和其它資源并發(fā)下載的方法,JavaScript并發(fā)下載主要目的在于解決JS加載會阻礙頁面呈現(xiàn)的問題,需要的朋友可以參考下2014-10-10
用javascript獲取textarea中的光標(biāo)位置
Javascript一向以他的靈活隨意而著稱，這也使得它的功能可以非常的強大，而由于沒有比較好的調(diào)試工具，又使得它使用起來困難重重，尤其使對于一些初學(xué)者，更是感覺到無從下手。今天探討的問題是用javascript獲取textarea中光標(biāo)的位置。2008-05-05
本篇文章主要介紹了微信小程序-滾動消息通知的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JS封裝cavans多種濾鏡組件,本文主要是講解圖片濾鏡的效果以及實現(xiàn)思路，如需更多的濾鏡效果可以研究算法或者參考其他的一些開源庫glfx.js、lena.js等等,需要的朋友可以參考下2022-02-02
這篇文章主要介紹了js實現(xiàn)的訂閱發(fā)布者模式,結(jié)合完整示例形式分析了js訂閱發(fā)布者模式相關(guān)實現(xiàn)與使用方法,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了JS函數(shù)多個參數(shù)默認值指定方法,結(jié)合實例形式分析了javascript函數(shù)參數(shù)的定義與傳遞相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
javascript 彈出窗口中是否顯示地址欄的實現(xiàn)代碼
程序中通過點擊一個“發(fā)貨提醒”鏈接彈出另一個窗口，使用的方法是用javascript 的openUrl()方法。2011-04-04
這篇文章主要給大家介紹了關(guān)于JavaScript惰性求值的一種實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
這篇文章主要介紹了js加載讀取內(nèi)容及顯示與隱藏div的方法,需要的朋友可以參考下2014-02-02
用來計算頁面的刷新次數(shù)的js代碼。2009-07-07