性能优化主要分为两大类：loading-time优化（1-8）和runtime优化（9-12）1.静态资源使用CDN2。CSS放在文件头部，JavaScript文件放在底部3.使用字体图标iconfont代替图片图标，生成的文件很小，减少http请求次数4.使用csssprite技术5.make善用缓存，不要重复加载相同的资源6.在项目中，我们最好合并或压缩css或js文件，尤其是在移动端开发时，如果css或js的内容不是很大，我们可以使用embedded来减少http请求次数，加快页面加载速度7.图片优化：使用图片懒加载技术，当页面开始加载时，不请求真实图片地址，而是使用默认图片占据空间。当前页面加载完成后，根据相关条件依次加载真实图片（减少首页加载的http请求次数）；调整图片大小；降低画质。8、通过webpack按需加载JavaScript代码9、减少重绘和重排10、使用事件委托11、不要重写原生方法12、降低CSS选择器的复杂度：选择器越短越好；尝试使用高优先级的选择器，例如ID和类选择器。
