最近生产上发生了一些问题,原先全部的静态资源文件都是通过gzip压缩的,然而这几天忽然都没有压缩了,通过一顿排查,发现是Nginx的配置有问题,借此机会详细了解了Nginx的Gzip配置。javascript
Nginx实现资源压缩的原理是经过ngx_http_gzip_module模块拦截请求,并对须要作gzip的类型作gzip,ngx_http_gzip_module是Nginx默认集成的,不须要从新编译,直接开启便可。php
Nginx开启Gzip的配置以下:css
# $gzip_ratio计算请求的压缩率,$body_bytes_sent请求体大小 log_format main '$remote_addr - $remote_user [$time_local] "$host" - "$request" ' '$gzip_ratio - $body_bytes_sent - $request_time'; access_log logs/access.log main; # 开启gzip gzip off; # 启用gzip压缩的最小文件,小于设置值的文件将不会压缩 gzip_min_length 1k; # gzip 压缩级别,1-9,数字越大压缩的越好,也越占用CPU时间,后面会有详细说明 gzip_comp_level 1; # 进行压缩的文件类型。javascript有多种形式。其中的值能够在 mime.types 文件中找到。 gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; # 是否在http header中添加Vary: Accept-Encoding,建议开启 gzip_vary on; # 禁用IE 6 gzip gzip_disable "MSIE [1-6]\."; # 设置压缩所须要的缓冲区大小 gzip_buffers 32 4k; # 设置gzip压缩针对的HTTP协议版本 gzip_http_version 1.0;
下面将逐条介绍下gzip的指令和参数配置。html
这个没的说,打开或关闭gzip前端
Syntax: gzip on | off; Default: gzip off; Context: http, server, location, if in location
设置用于处理请求压缩的缓冲区数量和大小。好比32 4K表示按照内存页(one memory page)大小以4K为单位(即一个系统中内存页为4K),申请32倍的内存空间。建议此项不设置,使用默认值。java
Syntax: gzip_buffers number size; Default: gzip_buffers 32 4k|16 8k; Context: http, server, location
设置gzip压缩级别,级别越底压缩速度越快文件压缩比越小,反之速度越慢文件压缩比越大jquery
Syntax: gzip_comp_level level; Default: gzip_comp_level 1; Context: http, server, location
咱们以一个大小为92.6K的脚本文件为例,以下所示。其中最后三个数值分别表示压缩比、包大小、平均处理时间(使用ab压测,100用户并发下, ./ab -n 10000 -c 100 -H 'Accept-Encoding: gzip' http://10.27.180.75/jquery.js
)以及CPU消耗。nginx
从这咱们能够得出结论:后端
所以,建议:
一方面,不是压缩级别越高越好,其实gzip_comp_level 1的压缩能力已经够用了,后面级别越高,压缩的比例其实增加不大,反而很吃处理性能。
另外一方面,压缩必定要和静态资源缓存相结合,缓存压缩后的版本,不然每次都压缩高负载下服务器确定吃不住。浏览器
http://10.27.180.75/jquery.js gzip_comp_level 0: 0,94840, 63 [ms], 29% gzip_comp_level 1: 2.43,39005, 248 [ms], 100% gzip_comp_level 2: 2.51,37743, 273 [ms], 100% gzip_comp_level 3; 2.57,36849, 327 [ms], 100% gzip_comp_level 4; 2.73,34807, 370 [ms], 100% gzip_comp_level 5; 2.80,33898, 491 [ms], 100% gzip_comp_level 6; 2.82,33686, 604 [ms], 100% gzip_comp_level 7; 2.82,33626, 659 [ms], 100% gzip_comp_level 8; 2.82,33626, 698 [ms], 100% gzip_comp_level 9; 2.82,33626, 698 [ms], 100%
经过表达式,代表哪些UA头不使用gzip压缩
Syntax: gzip_disable regex ...; Default: — Context: http, server, location This directive appeared in version 0.6.23.
当返回内容大于此值时才会使用gzip进行压缩,以K为单位,当值为0时,全部页面都进行压缩。
Syntax: gzip_min_length length; Default: gzip_min_length 20; Context: http, server, location
用于识别http协议的版本,早期的浏览器不支持gzip压缩,用户会看到乱码,因此为了支持前期版本加了此选项。默认在http/1.0的协议下不开启gzip压缩。
Syntax: gzip_http_version 1.0 | 1.1; Default: gzip_http_version 1.1; Context: http, server, location
我看网上的不少文章中,对这一点都以为过期了,由于浏览器基本上都支持HTTP/1.1。然而这里面却存在着一个很容易掉入的坑,也是笔者从生产环境中一个诡异问题中发现的:
问题背景:
笔者所在公司的静态资源服务器所有使用的Nginx,且都开启了gzip压缩。内部测试是彻底正常的,然而一到外网,竟然没有作gzip!
缘由定位:
为何这样呢?
在应用服务器前,公司还有一层Nginx的集群做为七层负责均衡,在这一层上,是没有开启gzip的。
若是咱们使用了proxy_pass进行反向代理,那么nginx和后端的upstream server之间默认是用HTTP/1.0协议通讯的。
若是咱们的Cache Server也是nginx,而前端的nginx没有开启gzip。
同时,咱们后端的nginx上没有设置gzip_http_version为1.0,那么Cache的url将不会进行gzip压缩。
我相信,之后还有人会入坑,好比你用Apache ab作压测,若是不是设置gzip_http_version为1.0,你也压不出gzip的效果(一样的道理)。但愿写在这里对你们有帮助
Nginx作为反向代理的时候启用:
Syntax: gzip_proxied off | expired | no-cache | no-store | private | no_last_modified | no_etag | auth | any ...; Default: gzip_proxied off; Context: http, server, location
设置须要压缩的MIME类型,若是不在设置类型范围内的请求不进行压缩
Syntax: gzip_types mime-type ...; Default: gzip_types text/html; Context: http, server, location
这里须要说明一些特殊的类型,好比笔者公司会使用”字体类型”的资源,而这些资源类型每每会被忽略,且这些资源又比较大,没有被压缩很不合算。(能够参考:http://www.darrenfang.com/2015/01/setting-up-http-cache-and-gzip-with-nginx/):
因此MIME-TYPE中应该新增字体类型:
字体类型扩展名 | Content-type |
---|---|
.eot | application/vnd.ms-fontobject |
.ttf | font/ttf |
.otf | font/opentype |
.woff | font/x-woff |
.svg | image/svg+xml |
增长响应头”Vary: Accept-Encoding”
Syntax: gzip_vary on | off; Default: gzip_vary off; Context: http, server, location