web应用整体性能的考虑

12 13两点 参考于 《JavaScript DOM编程艺术(第2版)》

尽量少访问DOM和尽量减少标记

if(document.getElementsByTagName("a").length > 0){
    var links = document.getElementsByTagName("a");
    for(var i = 0; i < links.length; i++){
        something...
    }
}

上面这段代码使用了两次getElementsByTagName方法去执行相同的操作，浪费了一次搜索。更好的办法是把第一次搜索的结果保存在一个变量中，然后重用该结果：

var links = document.getElementsByTagName("a");
if(links.length > 0){
    for(var i = 0; i < links.length; i++){
        something...
    }
}

合并和放置脚本

<script src="js/functionA.js"></script>
<script src="js/functionB.js"></script>
<script src="js/functionC.js"></script>
<script src="js/function.js"></script>

上面两种做法，推荐的做法是把第一种functionA.js、functionB.js、functionC.js合并到一个脚本文件中。这样就可以减少加载页面时发送的请求数量，而减少请求数量通常都是性能优化时首先要考虑的。

位于块中的脚本会导致浏览器无法并行加载其他文件，把