Nginx开启Gzip压缩功能（附详细解释）+测试是否开启了压缩

最新推荐文章于 2024-08-21 23:08:57 发布
最新推荐文章于 2024-08-21 23:08:57 发布
阅读量1.9w 收藏 43
点赞数 11
分类专栏： Nginx 文章标签： Nginx Linux 服务器 压缩
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26975307/article/details/89399758
版权

太长不看版（直接复制即可）

    gzip on;
    #不压缩临界值，大于1K的才压缩，一般不用改
    gzip_min_length 1k;
    #buffer，就是，嗯，算了不解释了，不用改
    gzip_buffers 4 16k;
    #用了反向代理的话，末端通信是HTTP/1.0,默认是HTTP/1.1
    #gzip_http_version 1.0;
    #压缩级别，1-10，数字越大压缩的越好，时间也越长，看心情随便改吧
    gzip_comp_level 2;
    #进行压缩的文件类型，缺啥补啥就行了，JavaScript有两种写法，最好都写上吧，总有人抱怨js文件没有压缩，其实多写一种格式application/javascript 就行了
    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;
    #跟Squid等缓存服务有关，on的话会在Header里增加"Vary: Accept-Encoding"
    gzip_vary off;
    #IE6对Gzip不怎么友好，不给它Gzip了
    gzip_disable "MSIE [1-6]\.";

 

​​​​​​0. Nginx开启Gzip

1.1 配置说明

1.2 参数详解

gzip on
gzip_buffers
gzip_comp_level
gzip_disable
gzip_min_length
gzip_http_version
gzip_proxied
gzip_types
gzip_vary

 

1. Nginx开启Gzip

Nginx实现资源压缩的原理是通过ngx_http_gzip_module模块拦截请求，并对需要做gzip的类型做gzip，ngx_http_gzip_module是Nginx默认集成的，不需要重新编译，直接开启即可。

1.1 配置说明

Nginx开启Gzip的配置如下：

# $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 on;

    # 启用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的指令和参数配置。

1.2 参数详解

gzip on

这个没的说，打开或关闭gzip

Syntax: gzip on | off;

Default: gzip off;

Context: http, server, location, if in location

gzip_buffers

设置用于处理请求压缩的缓冲区数量和大小。比如32 4K表示按照内存页（one memory page）大小以4K为单位（即一个系统中内存页为4K），申请32倍的内存空间。建议此项不设置，使用默认值。

Syntax: gzip_buffers number size;

Default: gzip_buffers 32 4k|16 8k;

Context: http, server, location

gzip_comp_level

设置gzip压缩级别，级别越底压缩速度越快文件压缩比越小，反之速度越慢文件压缩比越大

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消耗。

从这我们可以得出结论：

  1. 随着压缩级别的升高，压缩比有所提高，但到了级别6后，很难再提高；
  2. 随着压缩级别的升高，处理时间明显变慢；
  3. gzip很消耗cpu的性能，高并发情况下cpu达到100%

因此，建议： 
一方面，不是压缩级别越高越好，其实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%

gzip_disable

通过表达式，表明哪些UA头不使用gzip压缩

Syntax: gzip_disable regex ...;

Default: —

Context: http, server, location

This directive appeared in version 0.6.23.

gzip_min_length

当返回内容大于此值时才会使用gzip进行压缩,以K为单位,当值为0时，所有页面都进行压缩。

Syntax: gzip_min_length length;

Default:    

gzip_min_length 20;

Context:    http, server, location

gzip_http_version

用于识别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的效果（同样的道理）。希望写在这里对大家有帮助

gzip_proxied

Nginx做为反向代理的时候启用：

Nginx做为反向代理的时候启用：

  • off – 关闭所有的代理结果数据压缩
  • 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 – 无条件压缩所有结果数据

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

gzip_types

设置需要压缩的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
.eotapplication/vnd.ms-fontobject
.ttffont/ttf
.otffont/opentype
.wofffont/x-woff
.svgimage/svg+xml

gzip_vary

增加响应头”Vary: Accept-Encoding”

Syntax: gzip_vary on | off;

Default: gzip_vary off; Context:

http, server, location

2. 测试Nginx是否开启了Gzip

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:13:09 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive
X-Powered-By: PHP/5.2.17p1
X-Pingback: http://www.slyar.com/blog/xmlrpc.php
Content-Encoding: gzip

页面成功压缩

 

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/photonic/include/css/photonic.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:25 GMT
Content-Type: text/css
Last-Modified: Sun, 26 Aug 2012 15:17:07 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:25 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

css文件成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-includes/js/jquery/jquery.js"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:38 GMT
Content-Type: application/x-javascript
Last-Modified: Thu, 12 Jul 2012 17:42:45 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:38 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

js文件成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/uploads/2012/08/2012-08-23_203542.png"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:22:45 GMT
Content-Type: image/png
Last-Modified: Thu, 23 Aug 2012 13:50:53 GMT
Connection: keep-alive
Expires: Tue, 25 Sep 2012 18:22:45 GMT
Cache-Control: max-age=2592000
Content-Encoding: gzip

图片成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/wp-multicollinks/wp-multicollinks.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:23:27 GMT
Content-Type: text/css
Content-Length: 180
Last-Modified: Sat, 02 May 2009 08:46:15 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:23:27 GMT
Cache-Control: max-age=43200
Accept-Ranges: bytes

最后来个不到1K的文件，由于我的阈值是1K，所以没压缩

 

部分原文出处：https://blog.csdn.net/zhuyiquan/article/details/52709864#commentBox

phubing
关注
专栏目录
Nginx开启gzip压缩及测试是否开启
zsj777的专栏
05-09 1742
1、安装nginx的时候一定要安装gizp模块 2、nginx配置 #user nobody; worker_processes 4; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http {
Nginx开启Gzip压缩大幅提高页面加载速度的方法
09-30
主要介绍了Nginx开启Gzip压缩大幅提高页面加载速度的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nginx高级配置——gzip
最新发布
Autter_A3的博客
08-21 744
Nginx支持对指定类型的文件进行压缩然后再传输给客户端，而且压缩还可以设置压缩比例，压缩后的文件大小将比源文件显著变小，样有助于降低出口带宽的利用率，降低企业的IT支出，不过会占用相应的CPU资源Nginx对文件的压缩功能是依赖于模块 ngx_http_gzip_module,默认是内置模块。
检测网站服务器是否已经开启了GZIP 压缩服务
weixin_34168880的博客
08-21 2309
2019独角兽企业重金招聘Python工程师标准>>> ...
配置nginx gzip压缩功能与测试是否启用
经验之谈，不做搬运工
01-18 834
一般情况下压缩后的html、css、js、php、jhtml等文件，大小能降至原来的25%，也就是说，原本一个100k的html，压缩后只剩下25k。这无疑能节省很多带宽，也能降低服务器的负载。 在nginx中配置gzip比较简单 具体可见http://wiki.codemongers.com/NginxChsHttpGzipModule 一般情况下只要在nginx.c...
查看浏览器接口是否开启了gzip压缩的具体方法
m0_56347363的博客
02-19 1785
看到多了一列Content-Encoding，显示为gzip表示开启了gzip压缩，但具体是网页哪些类型的文件开启了gzip压缩就不一定了，下图 示网页上的js文件都开启了gzip压缩。点击左侧的文件名，在右侧Headers下面找到Response Headers里面 Content-encoding是否为gzip。即可，如果没有看到，点击“>>”，在弹出窗口选 “network”。快捷键F12，调出审查工具或者开发者工具以后，下图箭头所指的框选部位的任意位置，在弹出的对话框中移动到，
检查gzip是否起效
诚的博客
12-17 2712
使用tomcat发布3dtiles或terrain数据遇到的gzip问题 问题一 对大于1KB小于48KB的json请求进行gzip压缩，json为原文件（对于大于48KB使用sendfile） 1.创建原始文件 2.设置 在apache-tomcat-8.5.9/conf/server.xml文件中，修改节点如下： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout=..
Nginx启用压缩及开启gzip 压缩的方法
08-27
可以使用以下命令来测试服务器Nginx是否开启了gzip压缩： curl -I -H "Accept-Encoding: gzip, deflate" "http://10.10.49.23:8080/news/login.jsp" 如果服务器返回Content-Encoding: gzip，说明已经开启了gzip...
Nginx启用GZIP压缩网页传输方法(推荐)
09-30
设置为`on`时，Nginx会启用GZIP压缩功能。 2. `gzip_buffers`：定义用于压缩的内存缓冲区数量和大小。例如，`gzip_buffers 32 4K`表示使用32个4KB的缓冲区进行压缩。 3. `gzip_comp_level`：设置压缩级别，范围是1...
nginx-1.18.0已开启gzip压缩优化vue项目大小.zip
10-22
在这个场景中，我们看到一个关于“nginx-1.18.0已开启gzip压缩优化vue项目大小.zip”的压缩包，它涉及到三个主要的技术领域：Nginx、gzip压缩以及Vue Element Admin。下面我们将详细探讨这些知识点。 首先，Nginx是...
前端性能优化篇（一）开启nginx gzip压缩
qq_39343308的博客
05-17 1802
什么是GZIP GZIP是若干文件压缩程序的简称，通常指GNU计划的实现，此处的GZIP代表的就是GUN ZIP，这也是HTTP1.1协议定义的两种压缩方法中最常用的一种压缩方法，客户端浏览器大都支持这种压缩格式。（下面两图我们对比下设置gzip前后对比） 不设置服务器gzip的情况下 在设置服务器gzip之后 我们发现，设置gzip之后，获取同样的数据。压缩之后的数据量大概是原始数据的1/4。同样的，获取数据的时间也大大降低。极大的优化了用户的体验。 设置 nginx GZIP 编辑n
Nginx基于gzip压缩提高访问速度
01-09
一.为什么nginx要使用gzip 1,压缩的作用： 页面使用gzip压缩之后， 页面大小可以压缩到原来的1/7左右， 传输速度和页面打开时间都可以大幅度提高， 有利于用户访问页面体验的提升 2，Nginx实现gzip压缩的原理： 通过ngx_http_gzip_module模块拦截请求， 并对需要做gzip的类型做gzip压缩 3, ngx_http_gzip_module是Nginx默认集成的， 不需要重新编译，直接开启即可 源码：https://github.com/liuhongdi/ 二.gzip模块使用例子 gzip on; gzip_min_length 1k; gzip_
apache启用gzip压缩方法
曾健生的专栏
02-01 1654
http://www.xmydlinux.org/201108/604.html 一、gzip介绍       Gzip是一种流行的文件压缩算法，现在的应用十分广泛，尤其是在Linux平台。当应用Gzip压缩到一个纯文本文件时，效果是非常明显的，大约可以减少70％以上的文件大小。这取决于文件中的内容。       利用Apache中的Gzip模块，我们可以使用Gz
nginx命令查漏补缺
weixin_30500473的博客
09-03 416
1.开启gzip功能 #开启和关闭gzip模式 gzip on|off; #gizp压缩起点，文件大于1k才进行压缩 gzip_min_length 1k; # gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间 gzip_comp_level 1; # 进行压缩的文件类型。 gzip_types text/plain appl...
nginx gzip on
weixin_30588907的博客
09-14 225
# Gzip settings. gzip on; gzip_http_version 1.0;默认值是1.1 gzip_comp_level 6; #压缩级别，1压缩比最小处理速度最快，9压缩比最大但处理最慢，同时也最消耗CPU,一般设置为3就可以了 gzip_min_le...
nginx缓存配置及开启gzip压缩
zwj1030711290的CSDN
06-23 1581
nginx，gzip
nginx的配置——实现网页压缩和图片压缩
weixin_21583810的博客
05-03 1452
文章目录1 为什么要进行压缩？2.实现网页压缩3 实现图片压缩 1 为什么要进行压缩？ 在实际的企业当中，nginx服务器上的资源要尽可能的占用的空间少一点 因为信息量大的网页和高清图片占用存储空间非常大，这样不利于服务器性能的优化 因此要在服务器上面将网页和图片进行压缩，让客户端去浏览就可，如果想要看清晰的图片，如查看微信原图一样下载原图即可。 2.实现网页压缩 （1）查看nginx服务器的...
Nginx 【gzip】
qq_32019935的博客
10-20 739
gzip是一种大幅度压缩数据大小的技术、压缩比例甚至能达到70%以上。被压缩的资源会变成gzip的数据格式，在响应头中加入字段。而浏览器识别到这种格式之后会自动解析处理无需后续加工，高效而简单~nginx中提供了实现gzip的功能模块。
Nginx之gzip模块解读
一个菜鸡的博客
09-23 1612
gzip是GNUzip的缩写，最早用于UNIX系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。常见的服务器如Apache，Nginx，IIS同样支持gzip。
测试nginx 是否开启 gzip压缩
05-17
可以使用 curl 命令测试 nginx 是否开启 gzip 压缩。可以使用以下命令： ``` curl -I -H "Accept-Encoding: gzip, deflate" http://yourdomain.com ``` 如果响应头中包含 `Content-Encoding: gzip`，则说明 nginx 已经开启了 gzip 压缩。如果没有，则说明 nginx 没有开启 gzip 压缩。 另外，也可以在 nginx 的配置文件中进行配置。例如，在 http 块中添加以下配置： ``` gzip on; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; gzip_min_length 1000; gzip_comp_level 5; ``` 这里的配置开启了 gzip 压缩，并且指定了需要压缩的文件类型，以及压缩的最小文件大小和压缩级别。配置完成后，需要重新加载 nginx 配置使其生效。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

phubing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值