Nginx启用Brotli 压缩，降低页面大小提高网站加载速度

星哥玩云

发布于 2022-08-13 14:28:28

2.7K0

Google 认为互联网用户的时间是宝贵的，他们的时间不应该消耗在漫长的网页加载中，因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩，与其他压缩算法相比，它有着更高的压缩效率。

Brotli 主要特点

针对常见的 Web 资源内容，Brotli 的性能相比 Gzip 提高了 17-25%；
当 Brotli 压缩级别为 1 时，压缩率比 Gzip 压缩等级为 9（最高）时还要高；
在处理不同 HTML 文档时，Brotli 依然能够提供非常高的压缩率。

Nginx编译安装ngx_brotli 模块

Nginx默认不支持ngx_brotli 模块，需要自行编译，编译方法如下

#先下载brotli
git clone https://github.com/google/ngx_brotli.git
#进入目录
cd ngx_brotli
#更新brotli
git submodule update --init
#进入nginx源码目录
cd xxx/nginx
#生成makefile，注意根据自己使用的模块添加
./configure  ...  --add-module=../ngx_brotli
#编译nginx
make && make install

如果编译不出错的情况下，输入nginx -V就可以看到ngx_brotli模块了，如下截图。

启用ngx_brotli支持

修改nginx.conf在http段内添加以下内容来启用Brotli 压缩

#开启Brotli压缩
brotli on;
#压缩等级，0 到 11，默认值是 6，过大会额外消耗服务器CPU
brotli_comp_level 6;
#设置需要进行压缩的最小响应大小，单位为字节
brotli_min_length   512;
#指定哪些MIME类型进行压缩
brotli_types text/plain text/javascript text/css text/xml text/x-component application/javascript application/x-javascript application/xml application/json application/xhtml+xml application/rss+xml application/atom+xml application/x-font-ttf application/vnd.ms-fontobject image/svg+xml image/x-icon font/opentype;
#是否允许查找预处理好的、以 .br 结尾的压缩文件。可选值为 on、off、always
brotli_static       always;

最后别忘记重载Nginx使其生效nginx -s restart

其它说明

支持Brotli压缩算法的浏览器使用的内容编码类型为br，例如以下是Chrome浏览器请求头里Accept-Encoding的值（只有在HTTPS的情况下，浏览器才会发送br这个Accept-Encoding）：

Accept-Encoding: gzip, deflate, sdch, br

如果服务端支持Brotli算法，则会返回以下的响应头：

Content-Encoding: br

Brotli和Gzip可以共存，因此建议2个压缩都启用，当部分老旧的浏览器并不支持Brotli的情况下自动降级为Gzip来处理。

此文参考内容

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

文件存储

打包

nginx

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度