likes
comments
collection
share

前端性能优化问题

作者站长头像
站长
· 阅读数 297

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

原因:

  • 需要下载静态资源(如:js css img)
  • spa 应用 dom 树是由 js 执行生成的,需要时间

解决:

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