#性能预算

性能预算用于让 React hydration 路线可测、可控。

#Size Report

开启 frontend.build.diagnostics.performanceReport 后，Vext 会写入：

dist/client/size-report.json

报告包含：

• raw size
• gzip size
• brotli size
• initial JS
• route initial JS
• app-owned assets
• external runtime groups

#预算字段

frontend: {
  build: {
    budgets: {
      maxInitialJsBrotliBytes: 60_000,
      maxRouteInitialJsBrotliBytes: 80_000,
      maxAppOwnedInitialJsBrotliBytes: 40_000,
    },
  },
}

压缩后预算比 raw bytes 更接近真实传输成本。

#修复预算失败

#推荐做法

产品快速变化时先用 warning 预算。Route baseline 稳定后，再在 release 分支改成阻断预算。

预算数字放在 config 中，而不是散落在 CI 脚本里，这样本地 build 和 CI 执行同一份契约。