← 中文资源

简体中文版本

在 CI 中添加性能预算

为入口 bundle 设置 gzip 大小上限,让超出预算的拉取请求失败,并让预算成为可见的评审信号。

阅读英文原文

让回归可见

性能预算把模糊担忧变成可评审的数字。为入口 JavaScript、CSS 以及主导用户体验的路由设置上限。检查在生产构建后运行,衡量用户真正下载的产物,而不是源文件。

{ "path": "dist/_astro/*.js", "limit": "120 kB" }

预算需要维护

过严的预算会阻塞日常更新,过松的预算永远抓不到问题。建立当前基线,加一点余量,预算变更时要求显式评审。跟踪趋势,而不只是通过或失败。

配合运行时指标

bundle 大小不能反映渲染慢、网络波动或第三方脚本。把预算与 Lighthouse 或真实用户指标结合,把预算当作早期预警,而不是唯一性能门禁。

验证门禁

预期结果:基线分支通过,添加已知大依赖的分支失败,并在输出中给出实测大小和预算。用生产构建本地运行大小检查,并打开一个故意超限的临时拉取请求确认失败,验证后移除测试改动。