前端性能优化汇总

一、页面级别
1.减少页面请求资源大小或次数
(1)压缩合并css、js，css合并成1个文件，js合并成一个文件
(2)使用字体图标和svg替换传统的png图片
(3)图片懒加载
(4)使用雪碧图或精灵图
(5)减少cookie的使用
(6)前后端数据交互是尽可能使用json格式传送
(7)合理使用keep-alive
(8)避免使用iframe
(9)使用localStorage、sessionStorage存储一些简单的数据
2.内联脚本位置，防阻塞
二、代码级别
1.减少闭包的使用
2.减少DOM操作，减少回流与重绘
3.避免嵌套循环和"死循环"
4.css选择器从右往左解析，减少元素标签作为后一个选择对象
5.尽量将动画元素单独在一个图层，避免重绘和回流的大小
6.可以使用defer或async异步加载js