1 路由优化 路由懒加载
2 组件优化 react 使用id作为key值, 组件继承purecomponent,使用Fragment标签
3 webpack优化 (1)打包优化 配置SplitChunksPlugin(具体怎么配置?),compression-webpack-plugin(配置gizp但服务器也需做处理),配置css-loader,webpack- image-loader
(1)构建优化 配置parallel-webpack(具体怎么使用),配置有些插件开发环境不适用。
4 其他优化 配置ui组件按需加载,将静态文件放置到cdn上(静态文件指的是什么),
5 服务器上优化 配置缓存,配置gizp
6 webpack配置外部扩展防止包打进bundle里( https://www.webpackjs.com/configuration/externals/)
下面这个链接别人写的很好 Vue 项目性能优化 — 实践指南(网上最全 / 详细)