高性能JavaScript(2)之加载和执行优化

高性能JavaScript(2)之加载和执行优化

管理浏览器中的JavaScript代码是个棘手的问题，因为代码执行过程惠阻塞浏览器的其他进程，比如用户界面绘制。每次遇到<script>标签，页面都必须停下来等待代码下载（如果是外链文件）并执行，然后继续处理其他部分。尽管如此，还是有几种方法能够减少JavaScript对性能的影响:

1：</body>闭合标签之前，将所有的<script>标签放到页面底部。这能确保在脚本执行前页面已经完成渲染。

2：合并脚本，页面中的<script>标签越少，加载也就越快，响应也更迅速，无论外链文件还是内嵌脚本都是如此。

3：有多种无阻塞下载JavaScript的方法:

使用<sacript>标签的defer属性（浏览器得支持）

使用动态创建<script>元素来下载并执行代码

使用XHR对象下载JavaScript代码并注入页面中。

通过以上策略，可以极大提高那些需要使用大量JavaScript的Web应用的实际性能。