延時(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)文章
解決Layui當(dāng)中的導(dǎo)航條動(dòng)態(tài)添加后渲染失敗的問(wèn)題
今天小編就為大家分享一篇解決Layui當(dāng)中的導(dǎo)航條動(dòng)態(tài)添加后渲染失敗的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09js實(shí)現(xiàn)精確到毫秒的倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)精確到毫秒的倒計(jì)時(shí)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08JS使用鏈?zhǔn)綄傩员磉_(dá)式取值和賦值的實(shí)現(xiàn)方法
這篇文章主要給大家詳細(xì)介紹了JS如何使用鏈?zhǔn)綄傩员磉_(dá)式取值和賦值,文章通過(guò)代碼示例介紹的非常詳細(xì),對(duì)我們的學(xué)習(xí)或工作有一定的幫助,感興趣的同學(xué)可以參考一下2023-08-08JS target與currentTarget區(qū)別說(shuō)明
target在事件流的目標(biāo)階段;currentTarget在事件流的捕獲,目標(biāo)及冒泡階段。只有當(dāng)事件流處在目標(biāo)階段的時(shí)候,兩個(gè)的指向才是一樣的,而當(dāng)處于捕獲和冒泡階段的時(shí)候,target指向被單擊的對(duì)象而currentTarget指向當(dāng)前事件活動(dòng)的對(duì)象(一般為父級(jí))。2011-08-08使用javascript為網(wǎng)頁(yè)增加夜間模式
如何給Web頁(yè)面增加夜間模式功能? 其實(shí)所謂的夜間模式就是在頁(yè)面上增加一個(gè)透明的遮罩層,但是遮罩層會(huì)擋住頁(yè)面元素, 解決方法是 添加DIV,給DIV的outline屬性一個(gè)很大的outline-width值,用outline的邊框作為遮罩,這樣既能正常點(diǎn)擊頁(yè)面元素,又能達(dá)到夜間模式的效果2014-01-01一些Javascript的IE和Firefox(火狐)兼容性的問(wèn)題總結(jié)及常用例子
下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子2009-05-05解析img圖片沒(méi)找到onerror事件 Stack overflow at line: 0
本篇文章主要介紹了img圖片沒(méi)找到onerror事件 Stack overflow at line: 0 需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12