- 將所有的
<script>
標籤放到頁面底部,也就是</body>
閉合標籤之前,這能確保在腳本執行前頁面已經完成了渲染。 - 儘可能地合併腳本。頁面中的
<script>
標籤越少,加載也就越快,響應也越迅速。無論是外鏈腳本還是內嵌腳本都是如此。 - 採用無阻塞下載 JavaScript 腳本的方法:
- 使用
<script>
標籤的 defer 屬性(僅適用於 IE 和 Firefox 3.5 以上版本); - 使用動態創建的
<script>
元素來下載並執行代碼; - 使用 XHR 對象下載 JavaScript 代碼並注入頁面中。
減少js對性能的影響
今天在一個網頁上看到的頁面加載優化方法:
1、2方法都已經使用過了,以後試試其他方法。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Facebook 如何做大規模服務的自主測試
Paul Marinescu
2021-12-21 10:54:01
微軟終於被罵夠了?迴歸一鍵更改默認瀏覽器
闫园园
2021-12-07 11:58:59
使用HTML+CSS製作逼真的紅色開關
海拥(haiyong.site)
2021-12-04 14:03:52
JetBrains 發佈輕量級編輯器 Fleet
辛晓亮
2021-11-30 14:53:56
HTTP客戶端演進之路
尼先
2021-11-24 17:43:59
TypeScript 4.5 發佈,帶來 Promise 功能改進
辛晓亮
2021-11-19 11:23:57
手把手帶你玩轉 JS | 引航計劃|大前端
三掌柜
2021-11-18 09:28:56
Flutter性能監控實踐
贝壳大前端技术团队
2021-11-13 13:33:50
花7.5億都做不好的項目,被三位程序員爸爸重寫並開源了
Tina
2021-11-11 09:23:48
ShowMeBug 中如何科學的識別用戶瀏覽器?
ShowMeBug
2021-11-10 17:33:55
架構師(2021年11月)
InfoQ 中文站
2021-11-08 08:03:53
託管頁前端異常監控與治理實戰
百度Geek说
2021-11-05 15:03:57
網易雲信陳功:體驗共享和無限融合是雲通信未來的進化方向丨QCon
张俊宝
2021-11-03 19:03:56
微軟產品經理:你不能不知道的6個Web開發者工具
Christian Heilmann
2021-11-03 16:08:56