宝塔面板Nginx开启Brotli压缩,提升网站加载速度

图片[1]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客

前言:

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压缩,提升网站加载速度-青涩博客

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

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

填写完成后返回安装选项✔刚刚添加的模块提交,等待安装完成即可!

图片[3]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客

安装Nginx

图片[4]-宝塔面板Nginx开启Brotli压缩,提升网站加载速度-青涩博客

添加自定义模块

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压缩,提升网站加载速度-青涩博客

ps:

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

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

来自北京
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞9赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容