打包体积计算器

估算 JS / CSS / 图片等资源的 gzip 与 brotli 传输体积和网络加载时间,多资源合计后与预算对比,帮你判断页面首屏体积是否超标。

资源输入 已就绪
网络环境
体积预算(KB)
资源列表(最多 10 条)

每个资源填写名称与大小(支持 B / KB / MB / GB,可省略单位),文本资源按 gzip 30% 估算传输体积,图片等已压缩资源不二次压缩。

估算结果 0 个资源 · 待估算
原始体积 0 B
gzip 传输体积 0 B
brotli 传输体积 0 B

添加资源后点击「开始估算」,这里会列出每条资源的原始体积与 gzip 传输体积。

    说明
    • 文本资源按经验压缩系数估算:JS / CSS 的 gzip 约 30%,brotli ≈ gzip × 0.85,数值仅供参考。
    • 图片、字体等通常已压缩,估算时保持原始体积,不重复应用压缩系数。
    • 加载时间 = gzip 传输体积 × 8 ÷ 网速,未包含请求往返、解析与执行时间。
    • 预算对比以 gzip 传输体积为准,可在参数卡中自定义预算上限(KB)。
    • 实际压缩率与资源内容、构建工具及服务器配置相关,请以真实构建产物为准。
    • 全部计算在浏览器本地完成,资源数据不会上传到服务器。