![图片[1]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客](https://mp-ecd6f464-3044-4f97-8b2b-f3c5776d9aa3.cdn.bspapp.com/cloudstorage/475df2bb-98ba-4852-95be-eec68b264ebf.jpg)
前言:
Google 认为互联网用户的时间是宝贵的,他们的时间不应该消耗在漫长的网页加载中,因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩,与 Gzip相比效率提升约 17-25%。这里简单说一下如何在宝塔面板Nginx开启Brotli压缩。
正文:
- 下载Brotli
cd /www/server
#下载brotli
git clone https://github.com/google/ngx_brotli.git
cd ngx_brotli
#更新brotli
git submodule update --init
- 配置Nginx Brotli模块
1.登录宝塔管理面板 -> 软件商店 -> 已安装 找到Nginx ~不要犹豫~ (还是推荐备份下系统快照) 直接点击 卸载!
![图片[2]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-101444cf-ec44-412c-9f9d-b6a43a8264c5/45a80b4f-125e-40c5-9d11-c2ae8e97fb9e.png)
2.点击 软件商店 ->运行环境 找到Nginx 不要犹豫 点击安装在弹出的窗口中选择编译安装 点击添加自定义模块
模块名称:ngx_brotli
模块描述:ngx_brotli
模块参数:--add-module=/www/server/ngx_brotli
填写完成后返回安装选项✔刚刚添加的模块提交,等待安装完成即可!
![图片[3]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-101444cf-ec44-412c-9f9d-b6a43a8264c5/c7d9cd37-ea71-4cef-b92c-419d613e9df2.png)
安装Nginx
![图片[4]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-101444cf-ec44-412c-9f9d-b6a43a8264c5/4ee9615a-77cc-488a-a21a-434469c45904.png)
添加自定义模块
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即启用成功。
![图片[5]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-101444cf-ec44-412c-9f9d-b6a43a8264c5/6dfaf77b-302e-46e8-b5c8-5e954c72e188.png)
ps:
问:这个和Nginx的Gzip冲突吗?
答:不冲突,但是Br相对Gzip效率高但对CPU资源占用也高,如果单核机器就不建议都开了
来自北京
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
暂无评论内容