前端性能优化

性能优化性能优化的方法有很多，但是只有找到适合自己项目的方案，才是最好的方案，通常在做性能优化的时候，首先要制定性能优化的指标，例如：首屏加载时间，找出影响性能的优化点以及遇到的性能瓶颈，解决了首要瓶颈，那么次要瓶颈就会上升为首要瓶颈。前端性能优化点大致分为以下三类：

• 静态资源的优化 ：

1. 减少http请求数量：合并js，css,制作雪碧图，http缓存：强制缓存和协商缓存，减少接口的加载
2. 减少资源的大小：压缩文件，压缩图片，小图使用base64
3. 异步加载组件，图片懒加载
4. CDN加速和缓存：客户端通过最佳的网络链路加载静态资源，提高访问的速度和成功率

• 后端接口访问的优化

1. http持久化链接：conection: keep-alive
2. 后端接口的优化：包含接口的合并，无用数据的剔除
3. 本地缓存接口数据：对不经常变更的接口数据保存在本地

• 页面渲染的优化

1. 由于浏览器的js引擎和渲染引擎互斥，在执行js的时候会阻塞页面的渲染，因此一般会将css的引入放在页面上方，js放在页面底部，也可使用defer

2. 减少DOM的操作

3. 使用虚拟DOM,做到最小化操作真实DOM

4. 使用事件代理

5. 减少页面的重绘和回流

webpack性能优化方面：