一、引言：为什么开了 brotli，传输体积反而没变小？

在优化传输性能时，我们常把 brotli 当作 gzip 的“自动升级”——只要 CDN 开启br编码，前端构建工具打出.br文件，就认为文本资源已经压到最小。

但用 www.kkce.com 的网站测速​ 对同一 URL 做 HTTP 测速时，有时会看到反直觉的结果：同样的 CSS 文件，gzip 后 18KB，brotli 后 17.5KB，压缩比提升微乎其微；或者 TTFB 反而变长，因为压缩计算消耗了服务器 CPU。

问题往往不在算法本身，而在brotli 的压缩字典复用（Shared Dictionary）​ 没有生效。

标准 brotli（RFC 7932）使用静态预定义字典，对重复模式（如 CSS 选择器、JS 关键字）有不错压缩率；但brotli 内容编码（RFC 9239）​ 引入了共享字典压缩，允许客户端和服务端协商一个公共字典（如之前请求过的资源片段），让后续资源压缩率大幅提升。

如果你的 CDN 或源站没有正确实现字典复用，或者前端资源构建时未启用合适的压缩级别，brotli 就只能发挥“静态字典”的有限能力，压缩比远未达到理论值。

本文将教你如何利用 KKCE 的网站测速​ 与HTTP 测速，审计 brotli 压缩字典复用状态，量化压缩比，而不是被“已启用 br”的假象麻痹。

二、brotli 压缩的两层能力

2.1 静态字典（Static Dictionary）

• 原理：brotli 内置了一个 122KB 的静态字典，包含常见单词、短语、HTML/CSS/JS 片段。

• 适用：单文件独立压缩，无需上下文。

• 压缩比：通常比 gzip -9 小 15%~25%。

2.2 共享字典（Shared Dictionary / SDCH 演进）

• 原理：客户端和服务端共享一个字典（如通过Dictionary-ID头），压缩时引用字典中的片段，大幅减少重复数据。

• 适用：同一站点多次请求、资源间有重叠内容（如多个页面共用同一份 CSS 框架）。

• 压缩比：可再提升 20%~40%，尤其对小文件（<10KB）效果显著。

• 现状：RFC 9239 标准化了brotli内容编码的字典协商，但浏览器和 CDN 支持仍在推进中。

2.3 压缩级别与 CPU 开销

brotli 支持级别 1~11（甚至 11+），级别越高压缩比越好，但 CPU 消耗指数级增长。

• 级别 4~6：适合动态压缩（源站实时压缩）。

• 级别 9~11：适合预压缩（构建时生成.br文件）。

  如果 CDN 对动态内容用级别 11 实时压缩，TTFB 会明显变长，反而拖累性能。

三、利用 KKCE 审计 brotli 压缩效果

KKCE 的 HTTP 测速支持自定义请求头，能清晰展示压缩相关的响应头和内容大小。

3.1 对比 gzip 与 brotli 的压缩比

1. 操作：在 www.kkce.com 使用“HTTP 测速”，对同一资源 URL 进行两次测速。

2. 第一次：请求头带Accept-Encoding: gzip，记录响应大小（如Content-Length: 18432）。

3. 第二次：请求头带Accept-Encoding: br，记录响应大小（如Content-Length: 17520）。

4. 计算压缩比提升：(gzip_size - br_size) / gzip_size。若提升 <10%，说明 brotli 未发挥应有水平，可能字典未复用或压缩级别过低。

3.2 检查响应头判断压缩状态

• Content-Encoding: br：确认使用了 brotli。

• X-Brotli-Dictionary-ID（若 CDN 支持）：表示使用了共享字典，值通常为字典的哈希或版本号。

• Age/X-Cache：若缓存命中且Content-Encoding: br，说明 CDN 边缘已缓存压缩版本，无需源站实时压缩。

3.3 验证预压缩文件

• 方法：在 HTTP 测速中直接请求.br文件（如style.css.br），检查响应头：

  • Content-Type应为原始类型（如text/css），而非application/octet-stream。

  • Content-Encoding: br应存在。

• KKCE 验证：如果请求.br文件返回 200 且大小极小，说明预压缩生效；如果返回 404 或解压后内容不对，说明构建流程有问题。

四、实战：文档站的“brotli 压缩比不足”排查

现象：某技术文档站，KKCE 测速显示main.css文件 gzip 后 42KB，brotli 后 40KB，提升仅 4.7%。Lighthouse 建议“启用 brotli 压缩”，但已开启。

KKCE 审计步骤：

1. HTTP 测速对比：

   • Accept-Encoding: gzip→ 42,112 字节。

   • Accept-Encoding: br→ 40,088 字节。

   • 压缩比提升 4.8%，远低于预期。

2. 响应头检查：

   • Content-Encoding: br存在。

   • 无X-Brotli-Dictionary-ID头。

   • X-Cache: MISS，说明每次请求都实时压缩。

3. 根因定位：

   • CDN 对动态内容实时压缩，使用默认级别（可能为 4~5），未启用共享字典。

   • 前端构建时未预生成.br文件，导致每次都靠 CDN 实时压缩。

4. 优化方案：

   • 构建流程中增加brotli -Z -9预压缩，生成.br文件并上传。

   • CDN 配置优先使用预压缩文件，避免实时压缩。

   • 对静态资源设置Cache-Control: max-age=31536000，确保边缘缓存长期有效。

5. KKCE 复测：

   • 请求.br文件返回 200，Content-Length: 28640（28KB），压缩比提升 32%。

   • TTFB 从 120ms 降至 45ms（边缘缓存命中，无需实时压缩）。

五、优化清单：让 brotli 真正“压”出价值

1. 预压缩优先：构建时用brotli -9或更高生成.br文件，CDN 直接 serve，避免实时压缩 CPU 开销。

2. 共享字典探索：若 CDN 支持（如 Cloudflare 的brotli-dictionary实验特性），启用字典复用，尤其对多页面共用的资源。

3. 压缩级别权衡：动态内容用级别 4~5，预压缩用级别 9~11。

4. 内容类型选择：对文本资源（HTML/CSS/JS/JSON/SVG）启用 brotli，对图片/视频等已压缩格式禁用。

5. 定期审计：用 KKCE 的 HTTP 测速对比 gzip/br 大小，确保压缩比提升 >15%。

六、总结：brotli 不是开关，是压缩策略

开启 brotli 只是第一步，真正的价值在于压缩字典复用和预压缩策略。

通过 www.kkce.com（KKCE 快快测），我们学会了用 HTTP 测速对比压缩比，用响应头验证字典复用，用预压缩文件验证构建流程：

• 我们用gzip vs br 大小差​ 量化压缩收益。

• 我们用X-Brotli-Dictionary-ID​ 判断字典是否生效。

• 我们用预压缩文件测速​ 确认 CDN 是否直接 serve。

压缩箴言：最快的传输，是压缩到最小的传输。在 KKCE 的 HTTP 测速结果中，那个 gzip 和 br 只差 2KB 的数字，就是 brotli 字典未复用的沉默证据。优化它，你的网站才能真正“轻装上阵”。