宝塔面板Nginx开启Brotli压缩,提升网站加载速度 第5张插图

前言

Google 认为互联网用户的时间是宝贵的,他们的时间不应该消耗在漫长的网页加载中,因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩,与 Gzip相比效率提升约 17-25%。这里简单说一下如何在宝塔面板Nginx开启Brotli压缩。

正文

下载Brotli

cd /www/server

git clone https://github.com/google/ngx_brotli.git
cd ngx_brotli

git submodule update --init

配置Nginx Brotli模块

1.登录宝塔管理面板 -> 软件商店 -> 已安装 找到Nginx ~不要犹豫~ (还是推荐备份下系统快照) 直接点击 卸载!
宝塔面板Nginx开启Brotli压缩,提升网站加载速度 第6张插图

2.点击 软件商店 ->运行环境 找到Nginx 不要犹豫 点击安装在弹出的窗口中选择编译安装 点击添加自定义模块

模块名称:ngx_brotli
模块描述:ngx_brotli
模块参数:--add-module=/www/server/ngx_brotli

填写完成后返回安装选项刚刚添加的模块提交,等待安装完成即可!
宝塔面板Nginx开启Brotli压缩,提升网站加载速度 第7张插图

安装Nginx
宝塔面板Nginx开启Brotli压缩,提升网站加载速度 第8张插图

添加自定义模块

3.给网站开启brotli压缩

软件商店找到Nginx点击设置选择配置修改将以下代码插入http段保存即可。Tips: Britli和Gzip可以共存无需关闭Gzip

# brotli
        brotli on;
        brotli_comp_level 1;
        brotli_buffers 16 8k;
        brotli_min_length 20;
        brotli_types text/xml text/plain text/css application/javascript application/x-javascript application/rss+xml text/javascript image/tiff image/svg+xml application/json application/xml;

打开网站查看标头若返回br即启用成功。
宝塔面板Nginx开启Brotli压缩,提升网站加载速度 第9张插图

ps:

问:这个和Nginx的Gzip冲突吗?

答:不冲突,但是Br相对Gzip效率高但对CPU资源占用也高,如果单核机器就不建议都开了