如何提高javascript加載速度
更新時(shí)間：2016年12月26日 11:47:40 作者：大朋展翅
本文主要對(duì)提高javascript加載速度的方法進(jìn)行介紹，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧
方法如下：
1、將所有<script>標(biāo)簽放在盡可能接近<body>標(biāo)簽底部的位置，以保證頁(yè)面在腳本運(yùn)行之前完成解析盡量減少對(duì)整個(gè)頁(yè)面下載的影響
2、限制頁(yè)面的<script>總數(shù)也可以改善性能。每當(dāng)頁(yè)面解析碰到一個(gè)<script>標(biāo)簽時(shí)， 緊接著有一段時(shí)間用于代碼執(zhí)行。最小化這些延遲時(shí)間可以改善頁(yè)面的整體性能。
3、減少引用外部腳本文件的數(shù)量。每個(gè) HTTP 請(qǐng)求都會(huì)產(chǎn)生額外的性能負(fù)擔(dān)，下載一個(gè) 100KB 的文件比下載四個(gè) 25KB 的文件要快。總之，減少引用外部腳本文件的數(shù)量。
4、非阻塞方式下載腳本。等頁(yè)面完成加載之后，再加載 JavaScript 源碼
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了純js和css完成貪吃蛇小游戲，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
javascript獲取以及設(shè)置光標(biāo)位置
本文介紹了javascript獲取以及設(shè)置光標(biāo)位置的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
web頁(yè)面和微信小程序頁(yè)面實(shí)現(xiàn)瀑布流效果
這篇文章主要介紹了web頁(yè)面和微信小程序頁(yè)面實(shí)現(xiàn)瀑布流效果，本文通過(guò)實(shí)例代碼圖文介紹，給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-09-09
javascript axios 實(shí)現(xiàn)進(jìn)度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請(qǐng)求時(shí),可以通過(guò)onUploadProgress和onDownloadProgress來(lái)監(jiān)控上傳和下載的進(jìn)度,具有一定的參考價(jià)值,感興趣的可以了解一下2025-01-01
本文給大家介紹如何替換json對(duì)象中的key，通過(guò)實(shí)例代碼給大家介紹key的替換方法，代碼也很簡(jiǎn)單，需要的朋友參考下吧2021-06-06
這篇文章主要介紹了一些Javascript中的奇葩知識(shí)，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01
本文章來(lái)給各位同學(xué)收集一些在WEB前臺(tái)開(kāi)發(fā)中常用的一些控制表單操作函數(shù)，有需要的朋友可以參考一下2013-08-08
Kendo Grid editing 自定義驗(yàn)證報(bào)錯(cuò)提示的解決方法
Kendo UI是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開(kāi)發(fā)?；谧钚碌腍TML5、CSS3和JavaScript標(biāo)準(zhǔn)。今天小編通過(guò)分享本文給大家介紹Kendo Grid editing 自定義驗(yàn)證報(bào)錯(cuò)提示的解決方法2016-11-11
JS中如何判斷傳過(guò)來(lái)的JSON數(shù)據(jù)中是否存在某字段
這篇文章主要介紹了JS中如何判斷傳過(guò)來(lái)的JSON數(shù)據(jù)中是否存在某字段,需要的朋友可以參考下2014-08-08
用js實(shí)現(xiàn)CSS圓角生成更新...2007-05-05