如何有效提升Vue首屏加载速度和白屏时间，实现极致优化？

本文共计1723个文字，预计阅读时间需要7分钟。

目录+项目背景+splitChunks+CDN+GZIP+删除文件预加载+项目背景+测试环境的管理后台客户端需求+最近增加了点东西，加载的东西变多，整个项目变得有点臃肿，首屏及刷新后的渲染速度变慢

目录

• 项目背景
• splitChunks
• CDN
• GZIP
• 删除文件预加载

项目背景

测试环境的管理后台应客户需求最近加了点东西，加载的东西变多，使得整个项目变得有点臃肿了，首屏以及刷新后渲染速度变得极其缓慢。之前10s左右还能勉强接受，这次一下干到30s，整个人都崩溃了，花了点时间优化了一下。

环境：vue：2.6.11，vue-cli：3.0

splitChunks

看到上面图片里的文件其实并不大，最大的也就287k。

这也是优化过的，之前都是有的最大为1m左右，在vue.config.js配置splitChunks，这样针对的大文件都变小了，但是时间上并没有提升多少。只不过是性能优化了一点。