前端性能优化

重要的两点：缓存 并发

1.资源加载快（下载）：

1.体积小：图片压缩 ,css js压缩合并,图片懒加载，模块懒加载

2.数量少：css js压缩合，http缓存（Cache Control,Etag  请求一次后再请求相同的文件就会用缓存 不需要再请求）

3.距离近:静态资源（css,js,图片）放在cdn上（近，相当于买东西的时候商家离买家近）

4.运输工具先进:HTTP2 （二进制分帧（http1.1传输数据是字符串，http2会将数据进行二进制分帧，分成多个小包，最后这些包构成请求头，请求体这些，更快），多路复用（并行发请求，数据并行回来），头部压缩，服务器推送（一条请求 html,css,js都请求过来了，不需要像HTTP1.1那样请求html之后css这样））

2.页面展现快（渲染）：css放在head里，js放在底部，不重要的资源使用async或者defer属性异步加载

3.体验流畅（使用）：使用css3 animation,高频操作使用防抖和节流，减少dom操作

4.打包构建快（开发）：并发构建