延時(shí)加載JavaScript代碼提高速度
延時(shí)加載js代碼提高速度，具體內(nèi)容如下所示：
如果網(wǎng)頁(yè)中存在大量的javascript代碼會(huì)極大的影響網(wǎng)頁(yè)的訪問(wèn)速度，下面就簡(jiǎn)單介紹一下如何處理此問(wèn)題。
一.延時(shí)加載js文件:
可以使用定時(shí)器函數(shù)setTimeout()讓外部的js文件延遲加載，例如:
<script type="text/javascript" src="" id="my"></script>
<script type="text/javascript">
var js=document.getElementById("my");
function addjs(){
js.src="js/js.js";
}
setTimeout(addjs,3000);
</script>
以上代碼可以實(shí)現(xiàn)js代碼咋3秒之后再加載，這樣可以在一定程度上提高速度。
二.將js代碼放到網(wǎng)頁(yè)內(nèi)容的后面:
這個(gè)比較簡(jiǎn)單了，就不用說(shuō)了，就是將js代碼放在網(wǎng)頁(yè)內(nèi)容的后面，一把是放在body的最底部，這樣也可以先加載內(nèi)容再去執(zhí)行js代碼，也能夠提高一定的速度。
下面給大家介紹JS廣告代碼延遲加載或是最后加載加快頁(yè)面載入
JS廣告代碼延遲加載或是最后加載加快頁(yè)面載入，如果頁(yè)面中有很多JS廣告代碼，或者其他的js/' target='_blank' class='u'>JS代碼太大，這時(shí)候加載起來(lái)就會(huì)很費(fèi)時(shí)間。使用JS廣告代碼延遲加載或是最后加載的方法以加快頁(yè)面載入速度。
第一，JS延遲加載
代碼如下:
<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延時(shí)3秒
</script>
第二,JS廣告代碼最后加載
在需要插入JS的地方插入以下代碼:
程序代碼
<SPAN id=L4EVER>LOADING...</SPAN>
當(dāng)然,那個(gè)LOADING…你可以換成自己喜歡的小圖片.看起來(lái)很有AJAX效果呢.
然后在頁(yè)面最底端插入:
<SPAN class=spanclass id=AD_L4EVER> 你的JS代碼在這里!</SPAN> <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
第三,JS最后加載
想要顯示JS廣告代碼的位置
<div id="guangg1"></div>
想要顯示的廣告內(nèi)容
<div id="ggad1"><script language="javascript" src="/frontpage/include/php100.js"></script></div>
判斷要顯示的廣告位置是否存在
<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
} 最后就是顯示JS廣告代碼了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
- 批量處理JDBC語(yǔ)句提高處理速度
- 如何提高M(jìn)YSQL數(shù)據(jù)庫(kù)的查詢統(tǒng)計(jì)速度 select 索引應(yīng)用
- 提高頁(yè)面加載速度的幾個(gè)方法小結(jié)
- php 處理上百萬(wàn)條的數(shù)據(jù)庫(kù)如何提高處理查詢速度
- 啟用IIS6的GZIP功能，提高網(wǎng)站打開(kāi)速度，減少帶寬占用
- js 利用image對(duì)象實(shí)現(xiàn)圖片的預(yù)加載提高訪問(wèn)速度
- ANT 壓縮(去掉空格/注釋)JS文件可提高js運(yùn)行速度
- 如何使用索引提高查詢速度
- 利用JS延遲加載百度分享代碼,提高網(wǎng)頁(yè)速度
相關(guān)文章
JavaScript中手動(dòng)實(shí)現(xiàn)Array.prototype.map方法
在前端開(kāi)發(fā)中,我們經(jīng)常需要對(duì)數(shù)組進(jìn)行操作和處理,本文主要介紹了JavaScript中手動(dòng)實(shí)現(xiàn)Array.prototype.map方法,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02
一文詳解Proxy和Object.defineProperty的使用與區(qū)別
在JavaScript中,對(duì)象是一種核心的數(shù)據(jù)結(jié)構(gòu),而對(duì)對(duì)象的操作也是開(kāi)發(fā)中經(jīng)常遇到的任務(wù),本文將深入比較Proxy和Object.defineProperty,感興趣的小伙伴可以了解下2023-12-12
javascript面向?qū)ο蟪绦蛟O(shè)計(jì)（一）
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)，分享給大家一段代碼，注釋里講解的非常詳細(xì)，有助于我們理解面向?qū)ο?，這里推薦給大家。2015-01-01
通過(guò)JAVASCRIPT讀取ASP設(shè)定的COOKIE
通過(guò)JAVASCRIPT讀取ASP設(shè)定的COOKIE...2007-02-02
利用Console來(lái)Debug的10個(gè)高級(jí)技巧匯總
通常，我們?cè)诰帉?xiě)一個(gè)新的JavaScript代碼過(guò)程中經(jīng)常會(huì)發(fā)生錯(cuò)誤，可能是語(yǔ)法錯(cuò)誤，可能是邏輯錯(cuò)誤，如果沒(méi)有一個(gè)調(diào)試工具幫助我們的話，相信你怕是頭都要炸了。下面這篇文章主要給大家總結(jié)介紹了關(guān)于利用Console來(lái)Debug的10個(gè)高級(jí)技巧，需要的朋友可以參考下。2018-03-03
這篇文章主要介紹了微信小程序獲取網(wǎng)絡(luò)類型的方法,結(jié)合完整實(shí)例形式分析了微信小程序通過(guò)wx.getNetworkType獲取網(wǎng)絡(luò)類型的相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
這篇文章主要介紹了微信小程序模板與設(shè)置WXML，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS布局之列表的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Javascript中arguments對(duì)象的詳解與使用方法
ECMAScript中的函數(shù)并不介意傳遞的參數(shù)有多少，也不介意是什么類型。由于JavaScript允許函數(shù)有不定數(shù)目的參數(shù)，所以我們需要一種機(jī)制，可以在 函數(shù)體內(nèi) 部讀取所有參數(shù)。這就是arguments對(duì)象的由來(lái)。這篇文章將詳細(xì)介紹Javascript中的arguments對(duì)象和使用方法。2016-10-10
javascript在IE下trim函數(shù)無(wú)法使用的解決方法
這篇文章主要介紹了javascript在IE下trim函數(shù)無(wú)法使用的解決方法,分別敘述了javascript以及jQuery下的解決方案,對(duì)于WEB前端javascript設(shè)計(jì)人員進(jìn)行瀏覽器兼容性調(diào)試有不錯(cuò)的借鑒價(jià)值,需要的朋友可以參考下2014-09-09