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

发布日期:2019-08-13 20:07:17 作者:何以往事

  • 正文内容
  • 相关推荐

最近访问本站的朋友可能会发现,本站点偶尔处于503状态。。因为我就在折腾这个Brotli,下面还是说下具体方法。

Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩,与其他压缩算法相比,它有着更高的压缩效率。

Brotli 凭借它优异的压缩性能迅速占领了市场,从下图可以看到,除了 IE 和 Opera Mini 之外,几乎所有的主流浏览器都已支持 Brotli 算法,因此处于资源占用的考虑,比如说流量,建议启用:

1.jpg

宝塔具体安装方法:

1、安装libbrotli 


cd /www/server
git clone https://github.com/bagder/libbrotli
cd libbrotli
./autogen.sh
./configure
make && make install


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


cd /www/server
#下载brotli
git clone https://github.com/google/ngx_brotli.git
cd ngx_brotli
#更新brotli
git submodule update --init
3、使用下面命令,先查看目前的Nginx版本信息:



nginx -V
应该会出现下面界面内容:



nginx version: nginx/1.16.0
built by gcc 4.8.5 20150623 (Red Hat 4.8.5-36) (GCC) 
built with OpenSSL 1.1.1b  26 Feb 2019
TLS SNI support enabled
configure arguments: --user=www --group=www --prefix=/www/server/nginx --with-openssl=/www/server/nginx/src/openssl --add-module=/www/server/nginx/src/ngx_devel_kit --add-module=/www/server/nginx/src/lua_nginx_module --add-module=/www/server/nginx/src/ngx_cache_purge --add-module=/www/server/nginx/src/nginx-sticky-module --add-module=/www/server/nginx/src/nginx-http-concat --with-http_stub_status_module --with-http_ssl_module --with-http_v2_module --with-http_image_filter_module --with-http_gzip_static_module --with-http_gunzip_module --with-stream --with-stream_ssl_module --with-ipv6 --with-http_sub_module --with-http_flv_module --with-http_addition_module --with-http_realip_module --with-http_mp4_module --with-ld-opt=-Wl,-E --with-pcre=pcre-8.42 --with-cc-opt=-Wno-error --with-ld-opt=-ljemalloc
4、宝塔面板左侧栏/文件/www/server/panel/install/nginx.sh文件内 搜索“Install_Configure()


找出你要安装的nginx版本号,在下面一行的./configure 最后面添加--add-module=/www/server/ngx_brotli即可,

记得--add-module=/www/server/ngx_brotli之前间隔一个英文空格。

2.jpg

5、回到xshell或者 宝塔shh终端 使用命令开始编译,根据自己的版本,将后面数字改为1.10、1.12、1.14、1.15、1.17、1.8相对应的nginx版本即可。

下面是1.16的安装例子:


sh /www/server/panel/install/nginx.sh install 1.16


6、开启Brotli压缩

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


brotli on;
brotli_comp_level 6;
brotli_min_length 512;
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;
brotli_static always;


3.jpg

(6-2)点击Nginx设置里的重载配置生效即可。

(6-3)全部配置好了,可以使用谷歌浏览器查看下是否开启成功,看到content-encoding: br字段即为成功

4.jpg

7、最后Brotli参数详解:


brotli on;              #启用
brotli_comp_level 6;    #压缩等级,默认6,最高11,太高的压缩水平可能需要更多的CPU
brotli_buffers 16 8k;   #请求缓冲区的数量和大小
brotli_min_length 20;   #指定压缩数据的最小长度,只有大于或等于最小长度才会对其压缩。这里指定20字节
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;   #指定允许进行压缩类型
brotli_static always;   #是否允许查找预处理好的、以.br结尾的压缩文件,可选值为on、off、always
brotli_window 512k;     #窗口值,默认值为512k

8、这里默认是Brotli和Gzip共存,并且都启用了,好处就是部分老旧的浏览器不支持Brotli的时候会自动变成Gzip压缩。

搜一下

头像
描述: ღ 我愿用一世阳光换你的微笑 ღ

本文标签:

文章标题:宝塔面板Nginx 开启Brotli压缩,提高网站页面加载速度

文章链接:https://www.dcqzz.cn/post/807

版权声明:若无特殊注明,本文皆为 何以往事 原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

2条评论
  1. avatar

    绿软吧 Lv.1 Chrome 69.0.3497.100 Chrome 69.0.3497.100 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    感谢分享

    山东省 电信

    1. avatar

      Morphi Lv.1 Chrome 74.0.3729.157 Chrome 74.0.3729.157 Windows 7 Windows 7 回复

      感谢分享

      山东省 电信