宝塔 Nginx 添加 brotli 扩展,提升网站加载速度

谷歌于 2013 年首次发布了 Brotli 压缩格式,作为谷歌 Web 字体的一种离线压缩方法。2 年后,谷歌发布了 Brotli 的新版本,用于通用无损数据压缩需求。但是,Brotli 缺乏浏览器支持,而 Gzip 在这方面仍处于领先地位。结果,Brotli 等了好几年时间才具备了挑战 Gzip 的能力。

好早之前就注意到了br缓存,比如在设置CDN的时候也经常看到是选择gzip还是br压缩,这里的br压缩就是指Brotli压缩,其中,Brotli 已获得所有主流 Web 浏览器的全面支持,包括 Chrome、Firefox、Safari 和 Edge等等。下面就说说宝塔面板如何给nginx开启br压缩。

目前2023年大部分浏览器都已经支持brotli压缩算法

宝塔 Nginx 添加 brotli 扩展,提升网站加载速度

 

网上找了很多方法都很麻烦,其实用宝塔编译安装自带添加模块功能更简单,分享给大家!

如果已经安装了nginx,先进入宝塔卸载nginx(只是卸载应用,当前配置文件还是有保存的),然后登陆SSH,直接在ssh里以root用户执行以下命令。注意,一行一行执行,每一行的命令不作解释,照着输入就行。

mkdir -p /www/server/ngx_brotli
git clone https://gitee.com/mxlog/ngx_brotli.git /www/server/ngx_brotli
cd /www/server/ngx_brotli && git submodule update --init

brotli扩展下载更新完毕以后,回到宝塔应用安装界面,然后重新安装nginx,选择编译安装

添加自定义模块

模块名称:ngx_brotli

模块描述:ngx_brotli

模块参数:

--add-module=/www/server/ngx_brotli

然后点击提交,根据下图显示,编译安装和模块前打上勾

宝塔 Nginx 添加 brotli 扩展,提升网站加载速度

点击提交,等待大约10分钟,nginx即可安装好。

最后一步:开启br压缩

打开nginx管理设置,在nginx配置文件里添加以下代码段保存即可。(添加在http片段里,这里不用管gzip压缩,在有br的情况下,优先使用br。)

brotli on;
brotli_comp_level 6;
brotli_static on;
brotli_types application/atom+xml application/javascript application/json application/rss+xml
             application/vnd.ms-fontobject application/x-font-opentype application/x-font-truetype
             application/x-font-ttf application/x-javascript application/xhtml+xml application/xml
             font/eot font/opentype font/otf font/truetype image/svg+xml image/vnd.microsoft.icon
             image/x-icon image/x-win-bitmap text/css text/javascript text/plain text/xml;

 

宝塔 Nginx 添加 brotli 扩展,提升网站加载速度

整个安装流程到此完毕。

最后可以打开谷歌浏览器或者微软Edge浏览器按F12,打开你的网站,查看一下响应头里的缓存方式。看到br字段即为成功。

宝塔 Nginx 添加 brotli 扩展,提升网站加载速度

版权声明:
作者:admin
链接:https://www.rengongai.cn/%e5%ae%9d%e5%a1%94-nginx-%e6%b7%bb%e5%8a%a0-brotli-%e6%89%a9%e5%b1%95%ef%bc%8c%e6%8f%90%e5%8d%87%e7%bd%91%e7%ab%99%e5%8a%a0%e8%bd%bd%e9%80%9f%e5%ba%a6/
来源:人工AI
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>