网页性能

1）减少对Dom的操作

如:if(document.getElementByTagName("a").length>0){

　　var links=document.getElementByTagName("a");

　　...

}

查询任意Dom元素，浏览器都是搜索整个Dom树，更好的方法是把第一次搜索的结果存储在一个变量里，然后循环利用该变量。

上例改为:var links=document.getElementByTagName("a");

　　　　　if(links>0){

　　　　　...

}

 

2）减少文档中的标记数量

过多的不必要的元素会增加Dom树的规模，进而增加遍历Dom树查找元素的时间。

 

3）合并和放置脚本

<script src="js/functionA.js"></script>

<script src="js/functionB.js"></script>

建议上例把两个.js合并到一个脚本中，可以减少加载页面时的请求数量。

 

4）把script标签放在文档末尾

 

5）压缩脚本