知识点记录-性能优化

为什么要进行性能优化：性能优化的体现对于产品的影响很大，为了保证用户的留存率和转化率，提升应用的响应速度、交互体验，以保竞争力

1. 数据懒加载：使用IntersctionObserver监听视图是否被用户可见，可见的时候再加载数据
2. 图片懒加载：自定义指令+IntersctionObserver，在自定义指令里面的生命周期里面缓存图片的路径，设置临时占位图，使用IntersctionObserver监听是否在可视区域，当在可视区域的时候，替换图片的src
3. 打包体积过大优化：排除打包externals
4. gzip压缩：与Nginx配置开启gzip压缩