延時載入JavaScript代碼提高速度,延時javascript

來源:互聯網
上載者:User

延時載入JavaScript代碼提高速度,延時javascript

延時載入js代碼提高速度,具體內容如下所示:

如果網頁中存在大量的javascript代碼會極大的影響網頁的訪問速度,下面就簡單介紹一下如何處理此問題。

一.延時載入js檔案:

可以使用定時器函數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>

以上代碼可以實現js代碼咋3秒之後再載入,這樣可以在一定程度上提高速度。

二.將js代碼放到網頁內容的後面:

這個比較簡單了,就不用說了,就是將js代碼放在網頁內容的後面,一把是放在body的最底部,這樣也可以先載入內容再去執行js代碼,也能夠提高一定的速度。

下面給大家介紹JS廣告代碼消極式載入或是最後載入加快頁面載入

JS廣告代碼消極式載入或是最後載入加快頁面載入,如果頁面中有很多JS廣告代碼,或者其他的js/' target='_blank' class='u'>JS代碼太大,這時候載入起來就會很費時間。使用JS廣告代碼消極式載入或是最後載入的方法以加快頁面載入速度。

第一,JS消極式載入

代碼如下:

<script language="JavaScript" src="" id="my"></script><script>setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延時3秒</script>

第二,JS廣告代碼最後載入

在需要插入JS的地方插入以下代碼:

程式碼

<SPAN id=L4EVER>LOADING...</SPAN>

當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.

然後在頁面最底端插入:

<SPAN class=spanclass id=AD_L4EVER>你的JS代碼在這裡!</SPAN><script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

第三,JS最後載入

想要顯示JS廣告代碼的位置

<div id="guangg1"></div>

想要顯示的廣告內容

<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語句提高處理速度
  • 如何提高MYSQL資料庫的查詢統計速度 select 索引應用
  • 提高頁面載入速度的幾個方法小結
  • php 處理上百萬條的資料庫如何提高處理查詢速度
  • 啟用IIS6的GZIP功能,提高網站開啟速度,減少頻寬佔用
  • js 利用image對象實現圖片的預先載入提高訪問速度
  • ANT 壓縮(去掉空格/注釋)JS檔案可提高js運行速度
  • 如何使用索引提高查詢速度
  • 利用JS消極式載入百度分享代碼,提高網頁速度

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.