Nginx的gzip相关介绍


Posted in Servers onMay 11, 2022

简介

GZIP顾名思义,就是将文件压缩传输。图片、视频、大文件不建议使用压缩,压缩需要占用你的服务器资源,压缩完效果也不大。文章出现很多图片的话,我建议使用图床来存放你的图片。文章给大家介绍Nginx的gzip指令。

说一段废话

压缩响应数据有什么作用呢?问的好:从用户体验和IT成本两方面回答这个问题:

  • 用户体验上

网速一定的情况下,传输5MB数据比传输10MB数据的时间快了一半。所以传输数据越小用户加载页面就越快,当然相比较之下体验会更好。

  • IT成本上

对这个场景来说的成本主要是带宽成本, 数据不压缩那么传输这些数据相应的带宽肯定更大,对比之下压缩耗费的CPU资源在带宽费用上不值一提。

所以你有什么理由不用压缩呢?

背景

当然Nginx也提供了gzip的压缩方式可以使用,但是在日常的工作中我发现或多或少在使用上有些问题,有点像:用了但又好像没用的感觉。 这篇就记录一下gzip的使用方式和易错点。

指令介绍

gzip

gzip指令来自 ngx_http_gzip_module 模块,提供的核心能力就是压缩响应数据。

该模块下提供的指令如下:

gzip                on;     # 开启gzip
gzip_comp_level     6;      # 压缩等级:1-9 1:压缩最快/CPU消耗最少/压缩率最低 以次类推
gzip_min_length     1000;   # 小于此大小的数据不压缩(单位字节/byte);数据来源"Content-Length"头
gzip_buffers        32 4k;  # 压缩响应的缓冲区数量和大小(4K 内存页大小取决于平台)
gzip_proxied        any;    # 对代理的请求是否开启压缩
gzip_types text/plain application/xml application/javascript application/x-javascript text/css application/json;    # 哪些类型的数据需要被压缩
gzip_disable     "MSIE [1-5]\.";    # User-Agent 被正则匹配到的不开启压缩
gzip_vary on;               # 当gzip对请求生效时会被添加一个响应头 "Vary: Accept-Encoding"

tips:

  1. gzip 是动态压缩: 每个请求在被响应时都会在gzip逻辑内走一遍
  2. 压缩等级不是越高越好: 压缩到一定程度后就会吃力不讨好, 从js的测试来看性价比最高的级别是 5或6
  3. buffer大小设置最好是和平台的内存页保持一致: getconf PAGE_SIZE
  4. gzip_types不要瞎写: 写压缩率大的(css/js/xml/json/ttf), image图片就不要写了,压缩空间太小,又耗CPU

gzip_static

gzip_stati指令来自 ngx_http_gzip_static_module模块,提供的核心能力是静态/预压缩

该模块提供的指令如下:

gzip_static on|off|always;  # always: 不管客户端是否支持压缩我他妈全部给你压缩之后给你

 

tips:

  1. 可以复用gzip_module中以下的指令:

gzip_http_version, gzip_proxied, gzip_disable, gzip_vary

  1. gzip_static是静态压缩:意思是你的服务端需要同时存在源文件和使用gzip压缩后的源文件,这时请求的时候会优先吧压缩文件返回,这样就不用再耗费CPU去动态压缩了。(视情况来用,我们没用)
  2. 可以和gzip一同开启,没啥影响,它的优先级高于gzip

易错点提示

在实际的生产环境中架构都比较负载,不像一个单纯的Nginx一样,我配置好了就万事大吉了。

时常会遇到有些网站明明配置了gzip但是展示上看并没有生效,为什么?

此时需要梳理这个请求流程,看看这个请求都经过了哪些地方,比如 你的请求通过三次代理(CDN-->Nginx-->Nginx)那么在其中一层没有配置或者配置错误那么整体的返回数据就是没有被压缩的, 这种情况出现还是比较多的。

 


Tags in this post...

Servers 相关文章推荐
nginx基于域名,端口,不同IP的虚拟主机设置的实现
Mar 31 Servers
使用 Apache Superset 可视化 ClickHouse 数据的两种方法
Jul 07 Servers
Z-Order加速Hudi大规模数据集方案分析
Mar 31 Servers
Vertica集成Apache Hudi重磅使用指南
Mar 31 Servers
OpenStack虚拟机快照和增量备份实现方法
Apr 04 Servers
nginx容器方式反向代理实战
Apr 18 Servers
Windows Server 2012配置DNS服务器的方法
Apr 29 Servers
在虚拟机中安装windows server 2008的图文教程
Jun 28 Servers
vscode内网访问服务器的方法
Jun 28 Servers
教你nginx跳转配置的四种方式
Jul 07 Servers
Nginx如何配置根据路径转发详解
Jul 23 Servers
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
Aug 14 Servers
详解如何使用Nginx解决跨域问题
May 06 #Servers
配置nginx负载均衡
May 06 #Servers
tomcat下部署jenkins的方法
排查Tomcat进程假死的问题
May 06 #Servers
使用Nginx的访问日志统计PV与UV
Tomcat配置访问日志和线程数
May 06 #Servers
tomcat正常启动但网页却无法访问的几种解决方法
May 06 #Servers
You might like
个人站长制做网页常用的php代码
2007/03/03 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
JavaScript创建对象方法实例小结
2018/09/03 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
Vue中避免滥用this去读取data中数据
2021/03/02 Vue.js
Python实现截屏的函数
2015/07/26 Python
浅谈Python中函数的参数传递
2016/06/21 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
python调用摄像头的示例代码
2020/09/28 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
中英文自我评价常用句型
2013/12/19 职场文书
党员实事承诺书
2014/03/26 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
委托公证书
2014/04/08 职场文书
六年级学生评语
2014/04/22 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
德劲DE1105机评
2022/04/05 无线电
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js