tengxunyun tengxunyun

宝塔面板Nginx 开启Brotli压缩,提高网站页面加载速度 建站必备 WordPress页面压缩加速

宝塔面板开启方法

1.安装libbrotli

  1. cd /www/server
  2. git clone https://github.com/bagder/libbrotli
  3. cd libbrotli
  4. ./autogen.sh
  5. ./configure
  6. make && make install

2.下载ngx_brotli模块及其依赖:

源码地址,是google开源的一个:https://github.com/google/brotli

  1. cd /www/server
  2. #下载brotli
  3. git clone https://github.com/google/ngx_brotli.git
  4. cd ngx_brotli
  5. #更新brotli
  6. git submodule update --init

3.先查看目前的Nginx版本信息,使用命令:

  1. nginx -V

大致输出内容:

  1. [root@rats ~]# nginx -V
  2. nginx version: nginx/1.15.10
  3. built by gcc 4.8.5 20150623 (Red Hat 4.8.5-36) (GCC)
  4. built with OpenSSL 1.1.1b 26 Feb 2019
  5. TLS SNI support enabled
  6. configure arguments: --user=www --group=www --prefix=/www/server/nginx --with-openssl=/www/server/nginx/src/openssl ... --with-ld-opt=-ljemalloc
  7. (后面省略。。。。。。)

4.

在/www/server/panel/install/nginx.sh  找到Install_Configure(){...}或Install_Nginx(){...}字段,然后找出你要安装的nginx版本号,在下面一行的./configure 后面添加--add-module=/www/server/ngx_brotli即可,记得之间间隔一个英文空格。

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

截图演示:

羊毛党之家 宝塔面板Nginx 开启Brotli压缩,提高网站页面加载速度 建站必备 WordPress页面压缩加速 https://23lhb.com

直接在宝塔面板文件管理处找到相应文件然后编辑

在./configure后面添加 --add-module=/www/server/ngx_brotli 记得之间间隔一个英文空格

5.回到xshell或者 宝塔shh终端 使用命令开始编译,根据自己的版本,将后面数字改为1.101.121.141.151.171.8、openresty等

下面是1.15的例子:

  1. sh /www/server/panel/install/nginx.sh install 1.15

6.安装好了使用nginx -V查看是否含有模块即可。

 

7.开启Brotli压缩

接下来点击面板左侧软件商店-Nginx设置-配置修改,在http段内添加以下内容来启用Brotli压缩。

  1. brotli on;
  2. brotli_comp_level 6;
  3. brotli_min_length 512;
  4. brotli_types text/plain text/javascript text/css text/xml text/x-component application/javascript application/x-javascript application/xml application/json application/xhtml+xml application/rss+xml application/atom+xml application/x-font-ttf application/vnd.ms-fontobject image/svg+xml image/x-icon font/opentype;
  5. brotli_static always;

(具体的可以去gayhub上看官方的配置文件)

最后点击Nginx设置里的重载配置生效即可。

 

Brotli参数详解:

  1. brotli on; #启用
  2. brotli_comp_level 6; #压缩等级,默认6,最高11,太高的压缩水平可能需要更多的CPU
  3. brotli_buffers 16 8k; #请求缓冲区的数量和大小
  4. brotli_min_length 20; #指定压缩数据的最小长度,只有大于或等于最小长度才会对其压缩。这里指定20字节
  5. brotli_types text/plain application/javascript application/x-javascript text/javascript text/css application/xml text/html application/json image/svg application/font-woff application/vnd.ms-fontobject application/vnd.apple.mpegurl image/x-icon image/jpeg image/gif image/png image/bmp; #指定允许进行压缩类型
  6. brotli_static always; #是否允许查找预处理好的、以.br结尾的压缩文件,可选值为on、off、always
  7. brotli_window 512k; #窗口值,默认值为512k

8.全部配置好了,就可以使用谷歌浏览器查看下是否开启成功,看到br字段即为成功。

 

 

结束语

最后博主感觉压缩效果还行,有兴趣的可以开一下,对于其它的安装环境,安装方法都差不多,这里默认是Brotli和Gzip共存,并且都启用了,好处就是部分老旧的浏览器不支持Brotli的时候会自动变成Gzip压缩。

本文参考:

  • 自行编译brotli的教程
    https://www.bt.cn/bbs/thread-19179-1-1.html
    (出处: 宝塔面板论坛)
  • 如何给nginx添加第三方模块(geoip)
    https://www.bt.cn/bbs/thread-16118-1-1.html
    (出处: 宝塔面板论坛)
  • Rat's Blog  https://www.moerats.com/archives/954/
cloudiplc

相关推荐

微信扫一扫,分享到朋友圈

宝塔面板Nginx 开启Brotli压缩,提高网站页面加载速度 建站必备 WordPress页面压缩加速
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close