1.Brotli压缩优势

说明:Brotli是Google推出的开源压缩算法,通过变种的LZ77算法、Huffman编码以及二阶文本建模等方式进行数据压缩,与其他压缩算法相比,它有着更高的压缩效率

性能也比我们目前常见的Gzip高17-25%

Pasted image 20240128161106

可以帮我们更高效的压缩网页中的各类文件大小及脚本,从而提高加载速度,提升网页浏览体验。

2.卸载原Nginx

Brotli 其实支持动态加载,这里为了方便直接卸载旧版本重装。

卸载完成以后点击安装,选择编译安装,打开添加自定义模块窗口如下图。

Pasted image 20240128161146

模块名称填写:ngx_brotli

模块简介填写:ngx_brotli

模块参数填写:--add-module=/www/server/nginx/src/ngx_brotli

前置脚本粘贴如下内容:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
# 文件内各版本号为文章发布时最新,请按需要检查新版本并替换版本号
wget -O ngx_brotli.zip https://github.com/google/ngx_brotli/archive/v1.0.0rc.zip
unzip ngx_brotli.zip
mv ngx_brotli-1.0.0rc ngx_brotli
cd ngx_brotli/deps
rm -rf brotli
wget -O brotli.zip https://github.com/google/brotli/archive/v1.0.9.zip
unzip brotli.zip
mv brotli-1.0.9 brotli
cd /www/server/nginx/src

完成以后提交并打上勾,点击安装,等待完成即可。

3.Brotli压缩 配置

打开 Nginx 管理器,左侧菜单选择配置修改,在52行附近找到gzip部分,在其前面插入brotli的配置信息:

1
2
3
4
5
6
        brotli on;
        brotli_comp_level 6;
        brotli_min_length 10;
        brotli_window 1m;
        brotli_types *;
        brotli_static always;

各个参数的具体作用可以在https://github.com/google/ngx_brotli找到,这里提供通用版本。

保存以后如下图:

Pasted image 20240128161301

4.brotli效果检验

接下来使用支持brotli的浏览器访问即可看到效果。

Pasted image 20240128161315