开启Gzip压缩可使HTML体积减小60%~80%，需确认Nginx支持gzip模块，配置gzip on、gzip_types text/html等关键参数，并验证响应头含Content-Encoding: gzip和Vary: Accept-Encoding。

开启 Gzip 压缩能让 HTML 静态页面体积显著减小（通常压缩率 60%~80%），浏览器解压几乎无感知，是提升首屏加载速度最简单有效的手段之一。关键不是“开不开”，而是“开得对不对”。

确认 Nginx 已编译支持 Gzip 模块

大多数官方预编译包默认已启用 http_gzip_static_module 和 http_gunzip_module，但需验证：

• 执行 nginx -V 2>&1 | grep -o with-http_gzip_static_module，有输出即支持
• 若无，需重新编译 Nginx 并添加 --with-http_gzip_static_module
• 注意：gzip_static on 是可选优化项，用于直接提供预压缩的 .gz 文件，非必需但推荐配合使用

在 server 或 http 块中正确配置 Gzip 参数

仅加 gzip on 不够，需组合关键指令才能对 HTML 生效：

• gzip on; —— 启用压缩（必须）
• gzip_types text/html text/plain text/css application/javascript application/json; —— 显式包含 text/html，否则默认不压缩 HTML（Nginx 默认只压 text/plain）
• gzip_vary on; —— 让响应头带 Vary: Accept-Encoding，避免 CDN 或代理缓存未压缩版本
• gzip_min_length 1024; —— 小于 1KB 的文件不压缩（避免 CPU 白耗，HTML 一般远超此值）
• gzip_comp_level 6; —— 推荐 5~6 级，兼顾压缩率与 CPU 开销（9 级太重，3 级压缩率偏低）

验证 HTML 是否真正被压缩

别只看配置是否生效，要实测响应头和内容：

立即学习“前端免费学习笔记（深入）”；

• 用浏览器开发者工具 → Network → 刷新 HTML 页面 → 查看该请求的 Response Headers
• 确认存在 Content-Encoding: gzip 和 Vary: Accept-Encoding
• 对比 Content-Length 与原始 HTML 文件大小（可用 curl -H "Accept-Encoding: gzip" -I your-site.com/index.html 快速检查）
• 若没生效，常见原因：gzip_types 缺少 text/html、location 块中覆盖了上级 gzip 配置、HTTPS 下未配全兼容参数（一般无需额外操作）

进阶建议：配合 gzip_static 提供预压缩文件

对静态 HTML，提前生成 .gz 文件可降低实时压缩开销：

• 用 gzip -k -f -9 index.html 生成 index.html.gz
• 在 Nginx 配置中添加 gzip_static on;（放在 gzip on; 同级）
• Nginx 会优先查找同名 .gz 文件并直接返回，跳过运行时压缩
• 注意：需确保 .gz 文件权限与 HTML 一致，且修改 HTML 后要同步更新 .gz 文件