web 性能优化:
1. 减少 http 请求,合理设置 HTTP
2、使用浏览器
3.启用压缩
4、CSS Sprit
5、LazyLoad Imag
6、CSS 放在页面最上部,javascript 放在页面最下面。
7、异步请求 Callback(就是将一些行为样式提取出来,慢慢的加载信息的内容)
8、减少 cookie
9、Javascript 代码
10CSS 选择符
dom 性能优化:
1. 将多次改变样式属性的操作合并成一次操作。
2. 将需要多次重排的元素,position 属性设为 absolute 或 fixed,这样此元素就脱离了文档流,它的变化不会影响到其他元素。例如有动画效果的元素就最好设置为绝对定位。
3. 在内存中多次操作节点,完成后再添加到文档中去。例如要异步获取表格数据,渲染到页面。可以先取得数据后在内存中构建整个表格的 html 片段,再一次性添加到文档中去,而不是循环添加每一行。
4. 由于 display 属性为 none 的元素不在渲染树中,对隐藏的元素操作不会引发其他元素的重排。如果要对一个元素进行复杂的操作时,可以先隐藏它,操作完成后再显示。这样只在隐藏和显示时触发 2 次重排。
5. 在需要经常获取那些引起浏览器重排的属性值时,要缓存到变