码迷,mamicode.com
首页 > Web开发 > 详细

网页性能

时间:2016-01-19 17:34:27      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

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

网页性能

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!