浏览器渲染效率优化

1/合理合法的书写HTML和CSS，且不要忘记文档编码类型

2/CSS放在head标签内，脚本js放在body标签结束前，这样可以防止阻塞

3/简化和优化CSS选择器，尽量将嵌套层次降到最小

4/DOM的读写操作尽量放在一起

5/不要一条条的去改变样式，最好通过添加class，一次性改变

6/最好使用离线DOM，而不是使用真实的网页DOM进行修改，比如用documentFragment对象或者用cloneNode()在克隆对象上操作

7/当需要操作多次CSS或者DOM树时，可以先将DOM设成display:none，修改完成后再设成可显，这样就只需要一次重绘和回流

8/可以将DOM设置成脱离文档流,比如absolute或fixed等，这样可以减少重排

9/javascript实现动画时，用requestAnimationFrame实现

10/一般可以在requestAnimationFrame中做DOM修改,而在requestldleCallback(在当前帧空闲时间执行回调,也可以设置timeout，但是设置timeout说明页面肯定出现了卡涩)中构建documentFragment,然后在下一帧中requestAnimationFrame中运用上一帧准备好的documentFragment。