使用Brotli 压缩替换Gzip

背景

一直以来,Gzip都是最常用的压缩算法之一,被广泛应用于网络通信和网页传输中。然而,随着技术的发展和对更高压缩比和更快解压速度的需求不断增长,Brotli逐渐成为Gzip的替代者。

Brotli是由Google开发的开源压缩算法,它于2015年首次亮相,并在Web领域迅速获得了关注。与Gzip相比,Brotli具有更高的压缩比和更快的解压速度,这使得它成为许多网站和应用程序的首选压缩算法。

环境说明

服务器nginx版本 1.20.1 下载nginx版本 1.25.2

下载 Brotli

github链接 github.com/google/ngx_...

服务器需要安装cmake

bash 复制代码
git clone --recurse-submodules https://github.com/google/ngx_brotli
cd ngx_brotli/deps/brotli
mkdir out && cd out
cmake -DCMAKE_BUILD_TYPE=Release -DBUILD_SHARED_LIBS=OFF -DCMAKE_C_FLAGS="-Ofast -m64 -march=native -mtune=native -flto -funroll-loops -ffunction-sections -fdata-sections -Wl,--gc-sections" -DCMAKE_CXX_FLAGS="-Ofast -m64 -march=native -mtune=native -flto -funroll-loops -ffunction-sections -fdata-sections -Wl,--gc-sections" -DCMAKE_INSTALL_PREFIX=./installed ..
cmake --build . --config Release --target brotlienc
cd ../../../..

下载解压Nginx

下载

bash 复制代码
cd /usr/src
wget http://nginx.org/download/nginx-1.25.2.tar.gz

解压

bash 复制代码
tar -xvf nginx-1.25.2.tar.gz

这样在usr/src会生成一个nginx-1.25.2的目录

静态编译

shell 复制代码
$ cd nginx-1.25.2
$ export CFLAGS="-m64 -march=native -mtune=native -Ofast -flto -funroll-loops -ffunction-sections -fdata-sections -Wl,--gc-sections"
$ export LDFLAGS="-m64 -Wl,-s -Wl,-Bsymbolic -Wl,--gc-sections"
$ ./configure --add-module=/usr/src/ngx_brotli
$ make && make install

注意,起初安装跟服务器同版本1.20.1 的nginx ,这里最后一步报了错,大概原因就是 nginx的版本不统一问题, ngx_brotli只能兼容最新nginx版本,所以换成了当前最新版本1.25.2

目前一切正常

执行到下一步

动态加载

shell 复制代码
$ cd nginx-1.x.x
$ ./configure --with-compat --add-dynamic-module=/usr/to/ngx_brotli
$ make modules

查看编译好的新模块,会有两个新的.so文件

shell 复制代码
ls objs/*.so

将其复制到 /usr/src/lib64/nginx/modules 文件夹下

注册Brotli模块

在nginx.conf中会发现

shell 复制代码
# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

nginx是从这个文件夹下面加载动态模块。所以去这个文件夹下面新建一个.conf,内容如下

shell 复制代码
load_module "/usr/src/lib64/nginx/modules/ngx_http_brotli_filter_module.so";
load_module "/usr/src/lib64/nginx/modules/ngx_http_brotli_static_module.so";

开启Brotli

在nginx.conf中

shell 复制代码
# brotli
http {
	brotli on; 
	brotli_comp_level 6; 
	brotli_buffers 16 8k; 
	brotli_min_length 20;
	brotli_static on; # 开启加载.br文件
}

最后nginx 重启即可

重启可能会遇到小插曲,这源于我们服务器的nginx版本和ngx_brotli 这个包的差异 解决办法之一是根据issue中的办法修改源码,参考 github, 但在修改完两个小时后,官方合并了这个issue的mr,有点意思。

至此完成,看看效果,Content-Encoding 变成了br,大小也随之变小

相关推荐
醉の虾13 分钟前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧22 分钟前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm31 分钟前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep70144 分钟前
第8章利用CSS制作导航菜单
前端·css
hummhumm1 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王1 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
疯狂的沙粒1 小时前
对 TypeScript 中高级类型的理解?应该在哪些方面可以更好的使用!
前端·javascript·typescript
gqkmiss2 小时前
Chrome 浏览器 131 版本开发者工具(DevTools)更新内容
前端·chrome·浏览器·chrome devtools
Summer不秃2 小时前
Flutter之使用mqtt进行连接和信息传输的使用案例
前端·flutter
旭日猎鹰2 小时前
Flutter踩坑记录(二)-- GestureDetector+Expanded点击无效果
前端·javascript·flutter