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