零基础自学Nginx 进阶篇 2 Nginx静态资源部署 2.4 Nginx静态资源压缩实战 2.4.2 Gzip模块配置指令

旧城等待， 2024-03-26 13:54 71阅读 0赞

#### 零基础自学Nginx ####

#### 文章目录 ####

*   *   *  零基础自学Nginx
         *  进阶篇
         *  2 Nginx静态资源部署
         *   *  2.4 Nginx静态资源压缩实战
             *   *  2.4.2 Gzip模块配置指令

[【黑马程序员Nginx教程，Java进阶从0到1学会Nginx分布式框架】 ][Nginx_Java_0_1_Nginx_]

![在这里插入图片描述][c134efffb83045a781fad5047da17dbe.png_pic_center]

#### 进阶篇 ####

#### 2 Nginx静态资源部署 ####

##### 2.4 Nginx静态资源压缩实战 #####

###### 2.4.2 Gzip模块配置指令 ######

接下来所学习的指令都来自ngx\_http\_gzip\_module模块，该模块会在nginx安装的时候内置到nginx的安装环境中，也就是说我们可以直接使用这些指令。

1.  gzip指令：该指令用于开启或者关闭gzip功能

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip on|off;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip off;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location…</td> 
  </tr> 
 </tbody> 
</table>

注意只有该指令为打开状态，下面的指令才有效果

http{
       gzip on;
    }

![在这里插入图片描述][fcd2c8a0e86041069c162b2f4c2f22e4.png_pic_center]

配置前，在html 目录下有一个js 文件，直接访问它，查看接收到的大小

![在这里插入图片描述][d1042c8c320a40b9a6d0d2c738d00f52.png_pic_center]

现在大概就是 90k 左右

![在这里插入图片描述][980fbef27c84435297f7dae1f992554f.png_pic_center]

打开压缩，再次测试

![在这里插入图片描述][48c35c37d25b4fa781e691f6e45c54df.png_pic_center]

可以看到大小并没有减小，其实是成功打开了，但是还需要进行下面的配置

1.  gzip\_types指令：该指令可以根据响应页的MIME类型选择性地开启Gzip压缩功能

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_types mime-type …;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_types text/html;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

【即默认只对 text/html 格式进行压缩】

所选择的值可以从mime.types文件中进行查找，也可以使用"\*"代表所有。

http{
    	gzip_types application/javascript;
    }

![在这里插入图片描述][5de32fc7a19f4bb393012f10d21b6d19.png_pic_center]

再试一次

![在这里插入图片描述][8faaa9e79fd5450eb427f5f51be7049c.png_pic_center]

这次效果就非常明显了

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

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_comp_level level;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_comp_level 1;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

http{
    	gzip_comp_level 6;
    }

![在这里插入图片描述][c181642f78ad44f4a0fdb3130f1d53b4.png_pic_center]

再次测试

![在这里插入图片描述][0fa1a7e90e5a49bf8ac7eaf6a8e9e748.png_pic_center]

可以看到，又小了一些【其实这个地方就大概设置在1-9 中间就行了】

1.  gzip\_vary指令：该指令用于设置使用Gzip进行压缩发送是否携带“Vary:Accept-Encoding”头域的响应头部。主要是告诉接收方，所发送的数据经过了Gzip压缩处理

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_vary on|off;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_vary off;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

没有配置这个指令时的响应头

![在这里插入图片描述][c12b08afb91c49a4b67560456b74dc35.png_pic_center]

开启这个指令

![在这里插入图片描述][ae2cde3426bf4a15b98cc65e7d71f5b3.png_pic_center]

再次测试

![在这里插入图片描述][cd07939ed265489f8a78be4f3b4d21f5.png_pic_center]

1.  gzip\_buffers指令：该指令用于处理请求压缩的缓冲区数量和大小。

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_buffers number size;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_buffers 32 4k|16 8k;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

其中number:指定Nginx服务器向系统申请缓存空间个数，size指的是每个缓存空间的大小。主要实现的是申请number个每个大小为size的内存空间。这个值的设定一般会和服务器的操作系统有关，所以**建议此项不设置**，使用默认值即可。

gzip_buffers 4 16K;	  #缓存空间大小

1.  gzip\_disable指令：针对不同种类客户端发起的请求，可以选择性地开启和关闭Gzip功能。

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_disable regex …;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>—</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

regex:根据客户端的浏览器标志(user-agent)来设置，支持使用正则表达式。指定的浏览器标志不使用Gzip.

**该指令一般是用来排除一些明显不支持Gzip的浏览器。**

gzip_disable "MSIE [1-6]\.";

1.  gzip\_http\_version指令：针对不同的HTTP协议版本，可以选择性地开启和关闭Gzip功能。

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_http_version 1.0|1.1;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_http_version 1.1;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

该指令是指定使用Gzip的HTTP最低版本，该指令一般采用默认值即可。

1.  gzip\_min\_length指令：该指令针对传输数据的大小，可以选择性地开启和关闭Gzip功能

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>gzip_min_length length;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>gzip_min_length 20; 【默认字节单位】</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

nignx计量大小的单位：bytes[字节] / kb[千字节] / M[兆]
    例如: 1024 / 10k|K / 10m|M

Gzip压缩功能对大数据的压缩效果明显，但是如果要压缩的数据比较小的化，可能出现越压缩数据量越大的情况，因此我们需要根据响应内容的大小来决定是否使用Gzip功能，响应页面的大小可以通过头信息中的\*\*`Content-Length`\*\*来获取。

![在这里插入图片描述][14dcf40e83c9400ca15f7baeffce177c.png_pic_center]

但是如果使用了Chunk编码动态压缩，该指令将被忽略。建议设置为1K或以上。

1.  gzip\_proxied指令：该指令设置是否对服务端返回的结果进行Gzip压缩。【反向代理时可使用】

*  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 - 无条件启用压缩

[Nginx_Java_0_1_Nginx_]: https://www.bilibili.com/video/BV1ov41187bq/
[c134efffb83045a781fad5047da17dbe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/cf3e5420417e450cad5f3026d2aa9526.png
[fcd2c8a0e86041069c162b2f4c2f22e4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2ee2fce027d344339468bb5d39831918.png
[d1042c8c320a40b9a6d0d2c738d00f52.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ab4b0dc0936c4a1eac5ac8daff2161bc.png
[980fbef27c84435297f7dae1f992554f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2bfacab00a5f484ea9f3ffdacf0b42c7.png
[48c35c37d25b4fa781e691f6e45c54df.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/39c2ce1effa94705b656fe543fe1d76f.png
[5de32fc7a19f4bb393012f10d21b6d19.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c675a0b27ba140318509f1b0d6a67964.png
[8faaa9e79fd5450eb427f5f51be7049c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ebd7e5cb506844f5affa27e01faeaeb3.png
[c181642f78ad44f4a0fdb3130f1d53b4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/d7cb3b9716974447a81c79316b81548b.png
[0fa1a7e90e5a49bf8ac7eaf6a8e9e748.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/244286f31dfb49bd9a74ff031eedbafd.png
[c12b08afb91c49a4b67560456b74dc35.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/40c49b5da3fe41edba178c24b36c5c2d.png
[ae2cde3426bf4a15b98cc65e7d71f5b3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/eb7468bae31043e399bc0d8ecc06eb2b.png
[cd07939ed265489f8a78be4f3b4d21f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/03300839a36348eba83254bdec503b02.png
[14dcf40e83c9400ca15f7baeffce177c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e2a2d587bc37437dbf816e857c53450b.png