一、减少http请求数量
1、使用css精灵图
将多张图片合并成一张图片达到减少http请求,可以通过css的background-image和backgound-position来访问图片内容。
2、合并css和js,并进行压缩
3、图片采用懒加载
二、控制资源文件的加载优先级
一般将css放在头部,js放在底部
三、利用浏览器缓存
四、减少重排(Reflow)
比如在循环添加li标签时,最后进行一次Dom操作就好,而不是每次循环都对dom添加一次。
五、减少Dom操作
六、图标不要使用图片,而用字体图标