OneinStack 启用 Brotli 压缩

4 Comments

开启方法挺简单的,修改一下 OneinStack 的 nginx 升级脚本,下载 Brotli,然后升级 nginx,修改一下配置,重启 nginx 即可。

下载 Brotli

cd oneinstack/src
git clone https://github.com/google/ngx_brotli.git
cd ngx_brotli
git submodule update --init

修改 OneinStack 的 nginx 升级脚本

nginx_modules_options 中新增 --add-module=../ngx_brotli,在 oneinstack/include 目录,找到 upgrade_web.sh,将 ./configure ${nginx_configure_args} 修改为:

./configure ${nginx_configure_args} --add-module=../ngx_brotli

执行脚本升级 Nginx

~/oneinstack/upgrade.sh

启用 Brotli

修改 /usr/local/nginx/conf/nginx.conf 文件,在 http { } 中找到:

##Brotli Compression
#brotli on;
#brotli_comp_level 6;
#brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;

将其改为:

##Brotli Compression
brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;

如果没有这几行,可在 #Gzip Compression 配置结束后增加进去。

然后重启一下 nginx:service nginx restart

Brotli 兼容性

IE 不支持,Edge 15 开始支持,Chrome、Firefox、Safari 等现代浏览器基本上支持。详见:https://caniuse.com/#feat=brotli

 1054-brotli-supported-info

建议 Gzip 和 Brotli 同时开启,这样不支持 Brotli 的浏览器可以用 Gzip。比如这样的配置:

#Gzip Compression
gzip on;
gzip_buffers 16 8k;
gzip_comp_level 6;
gzip_http_version 1.1;
gzip_min_length 256;
gzip_proxied any;
gzip_vary on;
gzip_types
text/xml application/xml application/atom+xml application/rss+xml application/xhtml+xml image/svg+xml
text/javascript application/javascript application/x-javascript
text/x-json application/json application/x-web-app-manifest+json
text/css text/plain text/x-component
font/opentype application/x-font-ttf application/vnd.ms-fontobject
image/x-icon;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";

##Brotli Compression
brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;

检查 Brotli 是否成功开启

Chrome 打开网页,F12 或者 Ctrl+Shift+I 打开开发者工具,Network -- 选择页面地址 -- Headers,Response Headers 中有 content-encoding: br 表示开启成功。

 1054-oneinstack-brotli

挖站否 - 网站优化加速-开启TLSV1.3和Brotli压缩-Oneinstack,LNMP,宝塔面板

参考资料:OneinStack - 问答中心

声明:除非注明,常阳时光文章均为原创
本文地址:https://cyhour.com/1054/
转载时必须以链接形式注明原始出处。
Views: 216 Tags:  ,  , 

Comments:4

  1. 哎呦,这个厉害了,真的有点折腾不动了!

    2019.03.29 18:41 # 回复
    1楼
  2. 又在折腾这些,CF可以申请开通这个功能,我懒得弄了。

    2019.04.01 14:23 # 回复
    2楼

发表留言

炒蛋:Vultr 送$25 | 搬瓦工年付$19补货,优惠码 BWH26FXH3HIQ | 推荐VPS信息