后台系统页面多、依赖重,首屏加载慢是常见问题。以下调整成本较低、见效相对明显。

一、控制依赖体积

  • 组件库按需引入,避免整体打包
  • 图表库按需注册所需图表类型,不引入完整包
  • 用构建分析工具查看体积占比,处理最大的几个依赖

二、路由与组件懒加载

  • 页面组件使用动态 import,按路由分包
  • 大型弹窗、富文本编辑器等在使用时再加载

三、接口与渲染

  • 首屏只请求必要数据,次要模块延后加载
  • 长列表使用虚拟滚动,避免一次渲染过多节点

优化后建议记录构建体积与加载耗时,作为后续迭代的对照基线。