1.如何优化首页的加载速度?vue 首页白屏是什么问题引起的?如何解决呢?
原因:
- 需要下载静态资源(如:js css img)
- spa 应用 dom 树是由 js 执行生成的,需要时间
解决:
- 减少 http/1.1 请求次数
- 减少静态资源包大小
- 合理拆分库
- 用 gzip 压缩(详细可看:前端性能优化gzip初探)
- 合理加载静态资源
- 懒加载,根据路由分包,只加载需要的资源
- 非首屏资源,使用 preload、prefetch 避免阻塞渲染进程,减少 FP(首次渲染)时间
- 使用缓存
- 本地缓存
- http 缓存
- ssr 服务端直出 HTML,节省 js 生成 dom 树时间,直接渲染即可
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。