前端性能优化问题

1.如何优化首页的加载速度？vue 首页白屏是什么问题引起的？如何解决呢？

原因：

• 需要下载静态资源（如：js css img）
• spa 应用 dom 树是由 js 执行生成的，需要时间

解决：

• 减少 http/1.1 请求次数
• 减少静态资源包大小
• 合理拆分库
• 用 gzip 压缩（详细可看：前端性能优化gzip初探）
• 合理加载静态资源
• 懒加载，根据路由分包，只加载需要的资源
• 非首屏资源，使用 preload、prefetch 避免阻塞渲染进程，减少 FP（首次渲染）时间
• 使用缓存
• 本地缓存
• http 缓存
• ssr 服务端直出 HTML，节省 js 生成 dom 树时间，直接渲染即可