前端性能优化总结

基本的性能优化

1. 事件委托
2. js动画用CSS3 HTM5来代替
3. 减少网络资源请求次数(css js )css js 文件合并
4. 节流
5. 防抖
6. 使用正确的图片格式，比如淘宝网的背景图用jpg，矢量图用png
7. 图片懒加载
8. 路由懒加载
9. 浏览器的强缓存和协商缓存
10. js阻塞，(正确使用 async defer 模式)
11. cdn 内容分发服务器
12. 减少重绘和重排
13. ssr渲染（SEO优化）
14. 长列表虚拟优化(vue 和 react 都有相应的组件)针对后端返回很多数据，没有做分页
15. webpack 代码压缩
16. tree shaking
17. url-load 图片压缩
18. gzip压缩， nginx服务器也是可以开启的
19. 代码分离：将代码分离到不同的bundle中，现实按需加载，或者并行加载
20. 文件指纹：对于后缀名打包之后，没有被修改的，可以从浏览器缓存中获取
21. 事件销毁

vue性能优化
react性能优化
web性能优化