Nginx配置gzip实现静态资源压缩

灰太狼 2022-02-17 15:40 417阅读 0赞

*  配置gzip

使用gzip可以将静态资源压缩：

gzip on;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    gzip_http_version 1.1;
    gzip_comp_level 6;
    gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php application/javascript application/json;
    gzip_disable "MSIE [1-6]\.";
    gzip_vary on;

*  指令解析

<table> 
 <thead> 
  <tr> 
   <th>指令</th> 
   <th>说明</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>gzip on/off</td> 
   <td>开启/关闭gzip压缩</td> 
   <td>默认是off</td> 
  </tr> 
  <tr> 
   <td>gzip_min_length 1k</td> 
   <td>允许压缩的页面最小字节数</td> 
   <td>默认为0</td> 
  </tr> 
  <tr> 
   <td>gzip_buffers 4 16k</td> 
   <td>系统获取几个单位的缓存用于存储gzip的压缩结果数据流，4 16k 代表以16k为单位，按照原始数据大小以16k为单位的4倍申请内存</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>gzip_http_version 1.1</td> 
   <td>设置http1.1协议才进行压缩</td> 
   <td>默认为1.1</td> 
  </tr> 
  <tr> 
   <td>gzip_comp_level 6</td> 
   <td>表示gzip的压缩级别，范围是1-9，数据越大，压缩的越小，耗CPU，传输更快，一般选择适中的级别</td> 
   <td>默认为1</td> 
  </tr> 
  <tr> 
   <td>gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php application/javascript application/json</td> 
   <td>设置哪种类型可以进行压缩，需要什么类型可以在参考nginx.conf同目录下的mime.types文件</td> 
   <td>默认是text/html</td> 
  </tr> 
  <tr> 
   <td>gzip_disable “MSIE [1-6].”</td> 
   <td>禁用gzip的条件，这里表示禁用IE1-6的版本，因为低版本不支持gzip</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>gzip_vary on</td> 
   <td>给代理服务器用的，有的浏览器支持压缩，有的不支持，所以避免浪费不支持的也压缩，所以根据客户端的HTTP头来判断是否需要压缩</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

*  判断gzip是否起作用

举个例子：比如访问允许压缩的一个类型，我直接在浏览器地址上访问这个资源文件，在F12中的Network中观察请求，在请求中的Response Headers中如果有Content-Encoding: gzip就表示改文件是经过压缩传输的