欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

幾種延遲加載JS代碼的方法加快網(wǎng)頁的訪問速度

 更新時(shí)間:2013年10月12日 17:48:51   作者:  
如何延遲javascript代碼的加載,加快網(wǎng)頁的訪問速度,為了讓我們的網(wǎng)頁加載速度更快,本文總結(jié)了一下幾個(gè)注意點(diǎn),感興趣的朋友可以參考下

本文介紹了如何延遲javascript代碼的加載,加快網(wǎng)頁的訪問速度。

當(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 >
<script>L4EVER.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最后引入,從而加快頁面加載速度。

相關(guān)文章

  • iscroll碰到Select無法選擇下拉刷新的解決辦法

    iscroll碰到Select無法選擇下拉刷新的解決辦法

    本文主要介紹iscroll插件在使用中,遇到select下拉框無法下拉刷新的處理方法,希望能幫到大家。
    2016-05-05
  • JavaScript實(shí)現(xiàn)更換頭像功能

    JavaScript實(shí)現(xiàn)更換頭像功能

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)更換頭像功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 使用JS給靜態(tài)頁面添加搜索功能的實(shí)現(xiàn)方法

    使用JS給靜態(tài)頁面添加搜索功能的實(shí)現(xiàn)方法

    靜態(tài)頁面通常由HTML、CSS 和 JavaScript 等靜態(tài)文件組成,這些文件在服務(wù)器上不會(huì)動(dòng)態(tài)生成或修改,所以加載速度通常比較快,本文給大家介紹了如何只使用JS給靜態(tài)網(wǎng)頁添加站內(nèi)全局搜索功能,文中有詳細(xì)的解決方案,需要的朋友可以參考下
    2023-11-11
  • 微信小程序?qū)崿F(xiàn)底部彈出框

    微信小程序?qū)崿F(xiàn)底部彈出框

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 移動(dòng)端手指操控左右滑動(dòng)的菜單

    移動(dòng)端手指操控左右滑動(dòng)的菜單

    這篇文章主要為大家詳細(xì)介紹了移動(dòng)端手指操控左右滑動(dòng)的菜單,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • 微信小程序?qū)崿F(xiàn)下拉框功能

    微信小程序?qū)崿F(xiàn)下拉框功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)下拉框功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • JS異步宏隊(duì)列微隊(duì)列原理詳解

    JS異步宏隊(duì)列微隊(duì)列原理詳解

    這篇文章主要介紹了JS異步宏隊(duì)列微隊(duì)列原理詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-09-09
  • JS實(shí)現(xiàn)下拉菜單賦值到文本框的方法

    JS實(shí)現(xiàn)下拉菜單賦值到文本框的方法

    這篇文章主要介紹了JS下拉菜單賦值到文本框的方法,涉及javascript頁面元素的選擇與賦值的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-08-08
  • JS實(shí)現(xiàn)雙擊編輯可修改狀態(tài)的方法

    JS實(shí)現(xiàn)雙擊編輯可修改狀態(tài)的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)雙擊編輯可修改狀態(tài)的方法,涉及javascript針對(duì)頁面元素的動(dòng)態(tài)創(chuàng)建及設(shè)置技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-08-08
  • JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步

    JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步

    這篇文章主要給大家介紹了關(guān)于JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2022-03-03

最新評(píng)論