网页性能

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)压缩脚本

原文地址:https://www.cnblogs.com/tu-l/p/5142618.html