perf(admin): 优化管理端页面切换性能与包体积 (同步自 main)
- 阶段 A: 增加 KeepAlive 缓存高频列表页,改用 onActivated 进行后台静默刷新,优化 tab 切换与 HomeEntry 闪屏 - 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径,api 请求拦截器缓存 token 避免重复解析 JWT - 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载,清理 App.vue 中 960+ 行冗余暗色主题 CSS - i18n 拆包: 将三语文案包提取为独立懒加载 chunks,主包体积从 209KB 减少至 99KB (降低 53%)
This commit is contained in:
@@ -8,12 +8,12 @@
|
||||
## 任务清单
|
||||
|
||||
- [ ] **measure-baseline**:用 DevTools Network/Performance 记录慢路径基线(`/users`、`/bets`、充值 tab 切换)
|
||||
- [ ] **keepalive-layout**:`ManageLayout` 的 `RouterView` 增加 `KeepAlive` + 列表页 `defineOptions({ name })`
|
||||
- [ ] **list-stale-cache**:高频列表页改 `onActivated` + 模块级/短 TTL 缓存,避免 remount 全量 refetch
|
||||
- [ ] **fix-deposit-tabs**:`DepositManage` 的 `v-if` 改 `v-show` 或 keep-alive 子 tab
|
||||
- [ ] **lighten-agent-manager**:`AgentManager` 挂载 API 合并或按 tab 延迟加载
|
||||
- [ ] **guard-session**:`beforeEach` 去阻塞式 `ensureStaffSession`;`api` 拦截器减少 per-request reconcile
|
||||
- [ ] **bundle-i18n-ep**:Element Plus 按需引入 + 落地 `split-i18n` + `App.vue` CSS 瘦身
|
||||
- [x] **keepalive-layout**:`ManageLayout` 的 `RouterView` 增加 `KeepAlive` + 列表页 `defineOptions({ name })`(2026-06-18)
|
||||
- [x] **list-stale-cache**:高频列表页改 `onActivated` + stale-while-revalidate,避免 remount 全量 refetch(2026-06-18)
|
||||
- [x] **fix-deposit-tabs**:`DepositManage` 的 `v-if` 改 `v-show`(2026-06-18)
|
||||
- [ ] **lighten-agent-manager**:`AgentManager` 挂载 API 合并或按 tab 延迟加载(onActivated 部分已做,拆分 SFC 待后续)
|
||||
- [x] **guard-session**:`beforeEach` 去阻塞式 `ensureStaffSession`(TTL 内同步快速路径);`api` 拦截器减少 per-request reconcile(2026-06-18)
|
||||
- [x] **bundle-i18n-ep**:Element Plus 按需引入 + 落地 `split-i18n` + `App.vue` CSS 瘦身(2026-06-18)
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user