页面性能优化

以前的老大说过一句话，一个页面谁都能做。关键是谁能做好，一个好是很关键的，首先是细节处理的好，性能优化的好。性能优化越来越重要，尤其是终端设备越来越普及的今天，我也看了好多这方面的资料，总结一下有以下几条:

1> 减少http请求数（减小css,js和图片的数量，据资料说明相同网速的情总下100kb的图片的下载要比两个50kb的速度要快）

2> 减少浏览器重绘和重排的次数（重绘会由改变元素的样式如颜色visibility,重排是改变元素的几何属性(宽高)或者是增加或都是移除dom节点）

3> 尽量减小dom操作（js和html的每次交互都要消耗一些性能）

4> 使用css 雪碧和压缩图片或者懒加载

5> 使用cdn分发

6> 高效使用html标签和css

7> 减小css和JS(压缩工具压缩)

8> css放页面头部JS放在底部（因为JS是单线程会造成阻塞）

9> html里相同标签的属性顺序相同