使用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,大小也随之变小

相关推荐
肥肠可耐的西西公主6 分钟前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫7 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月8 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学9 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~11 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi11 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强11 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*13 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^18 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
AC-PEACE40 分钟前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc