vue打包的单页应用太大了导致首屏时间太长怎么解决

Question

vue打包的单页应用太大了导致首屏时间太长怎么解决
如果每个路由都懒加载的话 体验又不顺畅 该怎么解决呢

Answer 1

这问题和问如何提升网站性能一样，答案非常广，建议可以看看雅虎的性能优化建议和高性能网站建设之类的书，应该能给到很多有用的建议。

如果就首屏时间过长的问题，解决方法可以分解为：

1、如何缩短

vue-router 配合 vue 做异步加载 减少首次请求量

压缩、cdn 这些方法缩短请求时间

公用代码合并，非必要代码分割后期加载，减少请求次数和重复请求情况

2、无法缩短情况下

做好 loading 加载 动画，提高用户等待体验

Answer 2

先加一个loading动画，其余的用amd模式异步加载。。

Answer 3

1. 先做好客户端缓存

2. 按照模块优先级进行分包

3. 做好首屏加载动画（防止用户网络不佳，首次加载时等待时间过长）