各资源类型分别汇总，将当前值与预算比较，计算总偏差与占比，并优先列出可控的最大减重机会。
339
计算工具
Web 性能预算规划器
按资源类型收集预算与当前传输大小，计算总偏差、最大占比、所需减少量与安全余量；不测量实验室或真实用户的 LCP、INP、CLS。
✓ 免费✓ 无需账户✓ 浏览器内
简短回答
这个工具能做什么？
将 HTML、CSS、JS、图片与字体 KB 和移动传输预算比较，并生成优先减重计划。
应用与决策指南
Web 性能预算规划器：方法与使用说明
按资源类型收集预算与当前传输大小，计算总偏差、最大占比、所需减少量与安全余量；不测量实验室或真实用户的 LCP、INP、CLS。
HTML、CSS、JavaScript、图片与字体的当前传输 KB，以及各类预算、总预算与安全余量 请先用不含个人数据的小样本确认格式。
按类型预算表、总体通过或失败状态、需减少的 KB 及测量计划
实际操作步骤
- 加载示例，或按清晰标注填写自己的场景。
- 在设备端运行检查，并同时查看指标、警告与修正建议。
- 在真实目标环境中验证结果，并记录所用假设。
在冷缓存和低端移动设备上比较关键路径的压缩传输、主线程时间与真实 LCP、INP、CLS
传输预算本身不能证明运行时性能或 Core Web Vitals 达标；还应分别测量实验室与现场数据、第三方成本和用户任务。
适用场景
- PR 体积门槛
- 移动启动预算
- 第三方脚本评估
可复现的决策记录
实践场景: PR 体积门槛. 将 HTML、CSS、JS、图片与字体 KB 和移动传输预算比较，并生成优先减重计划。
以 900 KB 移动预算为基准，输入 HTML 42、CSS 68、JS 310、图片 460、字体 96、其他 35 KB；再把图片减少 300 KB 比较余量。
验收记录: 在冷缓存和低端移动设备上比较关键路径的压缩传输、主线程时间与真实 LCP、INP、CLS. 将结果卡中的指标与警告同保留的测试样本一起保存。
出现此状态时不要发布: 传输预算本身不能证明运行时性能或 Core Web Vitals 达标；还应分别测量实验室与现场数据、第三方成本和用户任务。
深入了解工作流
该工具的相关指南
用 Web Vitals、百分位和队列容量做性能决策
不要把单一平均值当作成功；在同一发布门槛中评估路径、p75/p95、突发负载与资源预算。
阅读指南 →安全发布运营：从性能预算到恢复证据
把性能、依赖、备份与变更信息整合为可回退的发布决策，而非孤立检查。
阅读指南 →关于此工具
常见问题
Web 性能预算规划器接受什么输入？+
HTML、CSS、JavaScript、图片与字体的当前传输 KB，以及各类预算、总预算与安全余量 以 900 KB 移动预算为基准，输入 HTML 42、CSS 68、JS 310、图片 460、字体 96、其他 35 KB；再把图片减少 300 KB 比较余量。
Web 性能预算规划器会输出什么？+
按类型预算表、总体通过或失败状态、需减少的 KB 及测量计划 验收记录: 在冷缓存和低端移动设备上比较关键路径的压缩传输、主线程时间与真实 LCP、INP、CLS. 将结果卡中的指标与警告同保留的测试样本一起保存。
如何核验Web 性能预算规划器的输出？+
在冷缓存和低端移动设备上比较关键路径的压缩传输、主线程时间与真实 LCP、INP、CLS 出现此状态时不要发布: 传输预算本身不能证明运行时性能或 Core Web Vitals 达标；还应分别测量实验室与现场数据、第三方成本和用户任务。
Web 性能预算规划器会向服务器发送或保存输入吗？+
工具输入在当前标签页处理。保存到工作站或传递到其他工具需另行选择。请另外考虑浏览器扩展和共享设备；隐私页面说明广告和网络连接。