Nginx开启Gzip压缩，使你的网页急速加载

刺骨的言语ヽ痛彻心扉 2023-06-15 07:21 29阅读 0赞

在APP或网站的实际应用中，带宽、流量永远是个绕不开的话题，有时候适当的压缩传输的文件会对APP或网站的性能有极大的提升。Nginx就提供了Gzip压缩功能，这里我们直接先看配置和效果，最后再讲下详细的参数设置。

![Nginx开启Gzip压缩，使你的网页急速加载][Nginx_Gzip]

# 一、nginx.conf #

具体配置如下，其中

![Nginx开启Gzip压缩，使你的网页急速加载][Nginx_Gzip 1]

# 二、压缩效果 #

我们从中找个css文件对比下，

1、原文件大小

![Nginx开启Gzip压缩，使你的网页急速加载][Nginx_Gzip 2]

2、压缩后文件变小了

![Nginx开启Gzip压缩，使你的网页急速加载][Nginx_Gzip 3]

# 三、参数优化 #

**1、gzip on|off**

开启或者关闭 gzip 模块，作用域为 http, server, location。

**2、gzip\_buffers 4 32K| 4 16K**

设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流，比如4 32K表示申请了4块内存，每块32K。

**3、gzip\_comp\_level 1..9**

压缩比，1~9，数值越大压缩比例越高，压缩比例越高越消耗CPU。可根据实际情况自主选择，推荐6。

**4、gzip\_min\_length 200**

设置允许压缩的页面最小字节数，建议设置成大于1k的字节数，小于1k可能会越压越大。

**5、gzip\_http\_version 1.0|1.1**

识别http协议版本（默认为1.1），主要用于判断浏览器是否支持压缩，现在绝大部分浏览器都已支持，可不做特殊设置。

**6、gzip\_proxied**

Nginx作为反向代理的时候启用，开启或者关闭后端服务器返回的结果，匹配的前提是后端服务器必须要返回包含"Via"的 header头。

**7、gzip\_types text/css**

对哪些类型的文件压缩, 默认text/html, 还可以指定对js，css,txt,xml,json等类型文件压缩。

**8、gzip\_vary on|off**

是否显示gzip压缩标志。

好了，大体就是上面的几个参数了，大家可以尝试下效果。

[Nginx_Gzip]: https://imgconvert.csdnimg.cn/aHR0cDovL3A5LnBzdGF0cC5jb20vbGFyZ2UvcGdjLWltYWdlL2ExODczODcwYjYyMDQyNThhZjQ5ZjdmYzE4MTNkNjE1?x-oss-process=image/format,png
[Nginx_Gzip 1]: https://imgconvert.csdnimg.cn/aHR0cDovL3AzLnBzdGF0cC5jb20vbGFyZ2UvcGdjLWltYWdlL2JhMTY4N2U3OGQwOTQ5ZTZiODcwYmU4ZDJhMjVhY2Q5?x-oss-process=image/format,png
[Nginx_Gzip 2]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLnBzdGF0cC5jb20vbGFyZ2UvcGdjLWltYWdlL2I2N2RjYTkyYzY3OTQwYjg4Y2IzNTVhYjQzZTJiYTNm?x-oss-process=image/format,png
[Nginx_Gzip 3]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLnBzdGF0cC5jb20vbGFyZ2UvcGdjLWltYWdlLzc3YTQzZDVlYzkzNDQwZGFiN2MxNTMxOTM2OGJlMGM3?x-oss-process=image/format,png