Web 性能预算计算器
跟踪 HTML、CSS、JS、图像和字体的网页性能预算。
如何使用性能预算计算器
- 输入您的总性能预算（以 KB 为单位）。
- 输入 HTML、CSS、JS、图像和字体的尺寸。
- 单击计算可查看使用情况、剩余预算和 3G 加载时间。
使用场景
- •在 CI/CD 管道中执行性能预算。
- •发布前审核页面重量。
- •比较跨页面版本的移动性能。
- •为开发团队设置资产规模指南。
公式
总计 = HTML + CSS + JS + 图像 + 字体。
常见问题
什么是绩效预算？
性能预算设置 Web 资产的最大大小或计时阈值，以确保快速加载时间。
总页面大小多少合适？
Under 200 KB is excellent.
How do I reduce JS bundle size?
使用树摇动、代码分割、延迟加载，并避免大量依赖。