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