网络请求优化,尽量减少文件的请求数量、文件的大小:
- 项目模块过多的时候,模块按需加载,每个大对模块对应自己的chunkName;
- nginx开启gzip压缩;
- 要求高的话,可以有自己的静态资源服务器,提高网络请求的并发数;
- 图片过多可以懒加载,尽量在同等像素下,选择体积更小的图片格式;
代码效率优化:框架本身有性能优化策略,我们要做的是遵循框架最佳实践,其余交给框架本身来优化就可以了,比如第三方插件按需引入,组件中对key对使用,利用computed对缓存机制等;
打包优化工具分析:通过webpack-bundle-analyzer或Lighthouse生成的报告来具体分析是哪些模块比较耗性能,具体再去优化;