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