Nginx 开启 Brotli 压缩完整教程,比 Gzip 更省带宽

iT日记 建站运维

Nginx 开启 Brotli 压缩完整教程,比 Gzip 更省带宽-第1张图片-iT日记

在网站优化中,开启压缩是提升访问速度、降低服务器带宽消耗最简单有效的方式。相比传统的 Gzip 压缩,Brotli 压缩在文本、CSS、JS 等资源上通常能再减少 15%~20% 体积,加载更快、SEO 评分更高,也是百度、谷歌核心测速指标之一。

本文以宝塔面板 + Nginx 环境为例,从零教你完整开启并配置 Brotli 压缩,适用于绝大多数 PHP 站点、博客、CMS 系统。

一、Brotli 压缩简介

Brotli 是 Google 推出的开源压缩算法,相比 Gzip:

压缩率更高,尤其对 HTML/CSS/JS 效果明显

现代浏览器几乎全部支持

可与 Gzip 同时开启,自动兼容旧浏览器

降低带宽成本,提高页面加载速度,有利于 SEO 权重

二、宝塔面板一键开启 Brotli

如果你使用宝塔面板,操作非常简单:

进入宝塔后台 → 软件商店 → 找到你的 Nginx

点击「设置」→ 「编译安装」→ 「添加自定义模块」

添加谷歌官方 Brotli 模块(或直接使用宝塔内置的 Brotli 开关)

保存并编译,等待 Nginx 重新构建完成

注意:编译过程会短暂重启 Nginx,网站会有几秒不可用,建议低峰期操作。

三、Nginx 配置 Brotli 压缩规则

编译完成后,在 Nginx 配置文件中加入以下配置:

# Brotli 压缩
brotli on;
brotli_comp_level 6;
brotli_types
    text/plain
    text/css
    text/xml
    text/javascript
    application/json
    application/javascript
    application/xml+rss
    application/xhtml+xml
    image/svg+xml;

同时建议保留 Gzip 配置,用于兼容极少数老旧浏览器:

# Gzip 兼容配置
gzip on;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml text/javascript application/json application/javascript;

修改完成后,重载 Nginx 配置即可生效。

四、如何验证 Brotli 是否生效

打开 Chrome/F12 → Network

刷新页面,查看任意 HTML/CSS/JS 请求

在响应头中找到:

Content-Encoding: br

出现 br 即代表 Brotli 压缩已成功运行。

五、Brotli 优化与常见问题

压缩等级建议 4~6,等级过高会占用大量 CPU

图片、视频等已压缩资源不要开启压缩,浪费性能

开启后配合 CDN 使用,效果更佳

若出现页面乱码,检查是否重复压缩或配置错误

六、对 SEO 与网站权重的影响

页面加载速度是搜索引擎排名的重要参考因素:

Brotli 压缩后页面体积更小

首屏加载更快,Core Web Vitals 评分提升

降低服务器压力,提高稳定性

长期有利于提高网站权重与关键词排名

标签: Nginx Brotli 开启 Brotli 压缩 Brotli 配置 网站速度优化 SEO 提速方案