在Nginx的配置文件中可以通过配置gzip来对静态资源进行压缩,相关的指令可以配置在http块、server块和location块中,Nginx可以通过
ngx_http_gzip_module模块
ngx_http_gzip_static_module模块
ngx_http_gunzip_module模块
对这些指令进行解析和处理。

Gzip模块配置指令

gizp相关指令都在ngx_http_gzip_module模块,该模块会在nginx安装的时候内置到nginx的安装环境中

  1. gzip指令

该指令用于开启或者关闭gzip功能,只有该指令为打开状态,其他gzip相关的指令才有效果
案例:

  1. http{
  2. gzip on;
  3. }
  1. gzip_types指令

该指令可以根据响应页的MIME类型选择性地开启Gzip压缩功能,所选择的值可以从mime.types文件中进行查找,也可以使用”*”代表所有

语法 gzip_types mime-type …;
默认值 gzip_types text/html;
位置 http、server、location

案例:

  1. http{
  2. gzip_types application/javascript;
  3. }
  1. gzip_comp_level指令

该指令用于设置Gzip压缩程度,级别从1-9,1表示要是程度最低,要是效率最高,9刚好相反,压缩程度最高,但是效率最低最费时间。

语法 gzip_comp_level level;
默认值 gzip_comp_level 1;
位置 http、server、location

案例:

  1. http{
  2. gzip_comp_level 6;
  3. }
  1. gzip_vary指令

该指令用于设置使用Gzip进行压缩发送是否携带“Vary:Accept-Encoding”头域的响应头部。主要是告诉接收方,所发送的数据经过了Gzip压缩处理,可参考案例的截图。

语法 gzip_vary on|off;
默认值 gzip_vary off;
位置 http、server、location
  1. gzip_buffers指令

该指令用于处理请求压缩的缓冲区数量和大小
number指定Nginx服务器向系统申请缓存空间个数,
size指的是每个缓存空间的大小。主要实现的是申请number个每个大小为size的内存空间。这个值的设定一般会和服务器的操作系统有关,建议此项不设置,使用默认值即可。

语法 gzip_buffers number size;
默认值 gzip_buffers 32 4k|16 8k;
位置 http、server、location
  1. gzip_disable指令

针对不同种类**客户端**发起的请求,可以选择性地开启和关闭Gzip功能
regex:根据客户端的浏览器标志(user-agent)来设置,支持使用正则表达式。指定的浏览器标志不使用Gzip.该指令一般是用来排除一些明显不支持Gzip的浏览器。

语法 gzip_disable regex …;
默认值
位置 http、server、location

案例:

  1. http {
  2. gzip_disable "MSIE [1-6]\.";
  3. }
  1. gzip_http_version指令

针对不同的**HTTP协议**版本,可以选择性地开启和关闭Gzip功能。
该指令是指定使用Gzip的HTTP最低版本,该指令一般采用默认值即可。

语法 gzip_http_version 1.0|1.1;
默认值 gzip_http_version 1.1;
位置 http、server、location
  1. gzip_min_length指令

该指令针对传输数据的大小,可以选择性地开启和关闭Gzip功能
nignx计量大小的单位:bytes[字节] / kb[千字节] / M[兆] 1024 / 10k|K / 10m|M
Gzip压缩功能对大数据的压缩效果明显,但是一些本来很小的文件经过压缩后反而变大了,因此需要根据响应内容的大小来决定是否使用Gzip功能,响应页面的大小可以通过头信息中的Content-Length来获取。但是如何使用了Chunk编码动态压缩,该指令将被忽略。建议设置为1K或以上。

语法 gzip_min_length length;
默认值 gzip_min_length 20;
位置 http、server、location
  1. gzip_proxied指令

该指令设置是否对服务端返回的结果进行Gzip压缩

语法 gzip_proxied off|expired|no-cache|
no-store|private|no_last_modified|no_etag|auth|any;
默认值 gzip_proxied off;
位置 http、server、location

off - 关闭Nginx服务器对后台服务器返回结果的Gzip压缩
expired - 启用压缩,如果header头中包含 “Expires” 头信息
no-cache - 启用压缩,如果header头中包含 “Cache-Control:no-cache” 头信息
no-store - 启用压缩,如果header头中包含 “Cache-Control:no-store” 头信息
private - 启用压缩,如果header头中包含 “Cache-Control:private” 头信息
no_last_modified - 启用压缩,如果header头中不包含 “Last-Modified” 头信息
no_etag - 启用压缩 ,如果header头中不包含 “ETag” 头信息
auth - 启用压缩 , 如果header头中包含 “Authorization” 头信息
any - 无条件启用压缩

配置实例

  1. http {
  2. server {
  3. gzip on; #开启gzip功能
  4. gzip_types *; #压缩源文件类型,压缩所有
  5. gzip_comp_level 6; #gzip压缩级别
  6. gzip_vary on; #往头信息中添加压缩标识
  7. gzip_min_length 1k; #进行压缩响应页面的最小长度,content-length
  8. gzip_http_version 1.1; #指定压缩响应所需要的最低HTTP请求版本
  9. gzip_disable "MSIE[1-6]\."; #对IE6以下的版本都不进行压缩
  10. gzip_proxied off; #nginx作为反向代理不压缩服务端返回数据
  11. gzip_buffers 4 16k; #缓存空间大小
  12. listen 8072;
  13. server_name localhost;
  14. location /gzip {
  15. root /home/nginx/html;
  16. }
  17. }
  18. }
  • 未开启gizp压缩的请求

image.png
image.png

  • 开启gizp压缩的请求

image.pngimage.png

  • 配置100k以下不压缩

image.png
image.png
image.png

  • 开启指定文件压缩

image.png
image.png

Gzip和sendfile共存

开启sendfile以后,在读取磁盘上的静态资源文件的时候,可以减少拷贝的次数,可以不经过用户进程将静态文件通过网络设备发送出去,但是Gzip要想对资源压缩,是需要经过用户进程进行操作的。可以使用ngx_http_gzip_static_module模块的gzip_static指令来解决。
ngx_http_gzip_static_module允许发送以“.gz”作为文件扩展名的预压缩文件,以替代发送普通文件
Nginx默认是没有添加ngx_http_gzip_static_module模块,需要手动添加模块,具体操作可以参考《Nginx基本概念》下的Nginx热部署

  • 安装ngx_http_gzip_static_module模块
    1. 查看当前nginx的配置参数
    2. 备份当前nginx二进制文件,防止升级失败
    3. 进入nginx解压目录,先执行make clean清空之前编译的内容,再执行./configure 命令,参数为当前nginx的配置参数加上--with-http_gzip_static_module 例如:

./configure --prefix=/home/nginx --with-http_gzip_static_module --with-http_gzip_static_module

  1. 进入objs目录,拷贝nginx二进制文件到nginx的安装目录下的sbin目录
  2. 切换回nginx的编译目录,执行make upgrade命令
    • gzip_static指令

检查与访问资源同名的.gz文件时,即ngx_http_gzip_static_module 模块与压缩了文件,当访请求的文件预压缩的.gz文件同名时,直接返回预压缩文件,例如请求jquery.js文件,磁盘中有jquery.js.gz文件,直接返回jquery.js.gz。response中以gzip相关的header返回.gz文件的内容。

语法 gzip_static on | off | always;
默认值 gzip_static off;
位置 http、server、location

注意:

  1. gzip_static配置优先级高于gzip。
  2. 开启nginx_static后,对于任何文件都会先查找是否有对应的gz文件。
  3. gzip_types设置对gzip_static无效。
  4. gzip static默认适用HTTP 1.1。

    • 配置案例 ```nginx server { sendfile on; # 开启sendfile gzip_static on; # 开启gzip_static gzip on; gzip_types application/javascript; gzip_comp_level 6; gzip_vary on; gzip_min_length 100k; gzip_http_version 1.1; gzip_disable “MSIE[1-6].“; gzip_proxied off; gzip_buffers 4 16k;

    listen 8072; server_name localhost; location /gzip { root /home/nginx/html; } } ```

  1. 压缩chunk.js文件为gz文件

gzip chunk.js
image.png

  1. 访问chunk.js,响应体使用了gizp压缩

image.png