前端优化

性能优化主要分为两类：加载时优化（1-8） 和 运行时优化（9-12）
1.静态资源使用 CDN
2.将 CSS 放在文件头部，JavaScript 文件放在底部
3.使用字体图标 iconfont 代替图片图标，生成的文件特别小，而且减少了htttp请求次数
4.采用css sprite技术
5.善用缓存，不重复加载相同的资源
6.在项目中，我们最好把css或者js文件进行合并或者压缩，尤其是在移动端开发的时候，如果css或者j s内容不是很多，我们可以采用内嵌式，以此减少http的请求次数，加快页面加载速度
7.图片优化：采用图片懒加载技术，在页面开始加载的时候，不请求真实图片地址，而是用默认图占位，当前页面加载完成后，在根据相关的条件依次加载真实图片（减少页面首次加载http请求的次数）；调整图片大小；降低图片质量。
8.通过 webpack 按需加载 JavaScript 代码

9.减少重绘重排
10.使用事件委托
11.不要覆盖原生方法
12.降低 CSS 选择器的复杂性：择器越短越好；尽量使用高优先级的选择器，例如 ID 和类选择器。