- 将所有的
<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