管理浏览器中的javascript代码是个棘手的问题,因为代码执行过程会阻塞浏览器的其他进程,比如用户界面绘制。每次遇到<script>标签,页面都必须停下来等待代码下载(如果是外链文件)并执行,然后继续处理其他部分。尽管如此,还是有几种方法能减少javascript对性能的影响:
1. <body>闭合标签之前,将所有的<script>标签放到页面底部。这能确保在脚本执行钱页面已经完成了渲染
2. 合并脚本。页面中的<script>标签越少,加载也就越快,相应也更迅速。无论外链文件还是内嵌脚本都是如此
3. 有多种无阻塞下载javascript的方法:
— 使用<script>标签的defer属性
— 使用动态创建的<script>元素来下载并执行代码
— 使用XHR对象下载javascript代码并注入页面中
通过以上策略,可以极大提高那些需要使用大量javascript的WEB应用的实际性能;