共计 257 个字符，预计需要花费 1 分钟才能阅读完成。
1. 如何优化首页的加载速度？vue 首页白屏是什么问题引起的？如何解决呢？
起因：
- 须要下载动态资源（如：js css img）
- spa 利用 dom 树是由 js 执行生成的，须要工夫
解决：
- 缩小 http/1.1 申请次数
- 缩小动态资源包大小
- 正当拆分库
- 用 gzip 压缩（具体可看：前端性能优化 gzip 初探）
- 正当加载动态资源
- 懒加载，依据路由分包，只加载须要的资源
- 非首屏资源，应用 preload、prefetch 防止阻塞渲染过程，缩小 FP（首次渲染）工夫
- 应用缓存
- 本地缓存
- http 缓存
- ssr 服务端直出 HTML，节俭 js 生成 dom 树工夫，间接渲染即可
正文完