高性能JavaScript(2)之加载和执行优化
来源:互联网 发布:限制游戏的软件 编辑:程序博客网 时间:2024/05/16 00:29
高性能JavaScript(2)之加载和执行优化
管理浏览器中的JavaScript代码是个棘手的问题,因为代码执行过程惠阻塞浏览器的其他进程,比如用户界面绘制。每次遇到<script>标签,页面都必须停下来等待代码下载(如果是外链文件)并执行,然后继续处理其他部分。尽管如此,还是有几种方法能够减少JavaScript对性能的影响:
1:</body>闭合标签之前,将所有的<script>标签放到页面底部。这能确保在脚本执行前页面已经完成渲染。
2:合并脚本,页面中的<script>标签越少,加载也就越快,响应也更迅速,无论外链文件还是内嵌脚本都是如此。
3:有多种无阻塞下载JavaScript的方法:
使用<sacript>标签的defer属性(浏览器得支持)
使用动态创建<script>元素来下载并执行代码
使用XHR对象下载JavaScript代码并注入页面中。
通过以上策略,可以极大提高那些需要使用大量JavaScript的Web应用的实际性能。
0 0
- 高性能JavaScript(2)之加载和执行优化
- Javascript性能优化之异步加载和执行
- 高性能Javascript【一】加载和执行
- 高性能JavaScript---加载和执行
- JavaScript的性能优化:加载和执行
- JavaScript的性能优化:加载和执行
- JavaScript的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行 .
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- JavaScript 的性能优化:加载和执行
- linux平台下误删oracle数据文件
- 类似QQ点赞的动画效果
- 欧拉函数小结
- linux下tar 报错gzip: stdin: not in gzip format
- web.xml里的标签是起什么作用的
- 高性能JavaScript(2)之加载和执行优化
- c++ 友元函数
- OOXX Game
- thinkphp 隐藏index.php
- 哈佛经典:管理能量,而非时间
- POJ 2795/LA3516-Exploring Pyramids - dp
- 【基础练习】【DFS】poj1129 Channel Allocation题解
- lua垃圾回收机制
- Populating Next Right Pointers in Each Node