5、前端性能优化

一、减少http请求数量

1、使用css精灵图

  将多张图片合并成一张图片达到减少http请求，可以通过css的background-image和backgound-position来访问图片内容。

2、合并css和js，并进行压缩

3、图片采用懒加载

二、控制资源文件的加载优先级

  一般将css放在头部，js放在底部

三、利用浏览器缓存

四、减少重排（Reflow）

  比如在循环添加li标签时，最后进行一次Dom操作就好，而不是每次循环都对dom添加一次。

五、减少Dom操作

六、图标不要使用图片，而用字体图标