讓javascript加載速度倍增的方法(解決JS加載速度慢的問(wèn)題)
通常我們的網(wǎng)站里面會(huì)加載一些js代碼,統(tǒng)計(jì)啊,google廣告啊,百度同盟啊,阿里媽媽廣告代碼啊,
一堆,最后弄得頁(yè)面加載速度很慢,很慢。
解決辦法:換一個(gè)js包含的方式,讓javascript加載速度倍增。
把通常加載方式:
<script src="xxxx.js"></script>
改變成:
<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>
舉個(gè)例子:
比如下面是申請(qǐng)的站長(zhǎng)統(tǒng)計(jì)代碼,以前盡管是把它放在頁(yè)面的最底部,但還是拖累頁(yè)面加載進(jìn)度。
<script src="http://s69.#/stat.php?id=265381&web_id=265381&show=pic" language="JavaScript" charset="gb2312"></script>
我們可以把它換成這樣的方式來(lái)加載(任然放在頁(yè)面最底部):
<script type="text/javascript">
document.write("<scr"+"ipt src=\"http://69.#/stat.php?id=2651&web_id=2681&show=pic\" language=\"JavaScript\" charset=\"gb2312\"></sc"+"ript>")
</script>
速度快多了。
其它的js如法炮制,廣告的,頁(yè)面特效的。。。
最后再?gòu)U話(huà)幾句:
用
<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>
的方式,還可實(shí)現(xiàn)按需按條件的來(lái)加載你要的JS文件:
<script type="text/javascript">
if ( 心情好 ) {document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")}
</script>
這樣要是“心情不好”,就自然不會(huì)載入你不想要的JS文件了。
相關(guān)文章
JS多物體 任意值 鏈?zhǔn)?緩沖運(yùn)動(dòng)
JS多物體 任意值 鏈?zhǔn)?緩沖運(yùn)動(dòng),需要的朋友可以參考下2012-08-08
微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能
這篇文章主要介紹了微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
如何在javascript 中使用 xmlHttpRequest 發(fā)送 POST
本文將通過(guò)不同的示例解釋如何使用JavaScript代碼在AJAX編程中發(fā)送 XMLHttpRequest post 請(qǐng)求,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-07-07
淺談js中調(diào)用函數(shù)時(shí)加不加括號(hào)的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談js中調(diào)用函數(shù)時(shí)加不加括號(hào)的問(wèn)題 。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面
本文介紹了如何通過(guò)js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面的方法實(shí)例.既提交了FORM保存了數(shù)據(jù),頁(yè)面也不會(huì)跳轉(zhuǎn),很實(shí)用。需要的朋友可以參考下2016-11-11
記錄一篇關(guān)于redux-saga的基本使用過(guò)程
這篇文章主要介紹了記錄一篇redux-saga的基本使用過(guò)程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
JavaScript 如何刪除小數(shù)點(diǎn)后的數(shù)字
這篇文章主要介紹了JavaScript 刪除小數(shù)點(diǎn)后的數(shù)字實(shí)例代碼,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07

