编程技术分享平台

网站首页 > 技术教程 正文

Nginx静态资源压缩内容,gzip_types和gzip指令介绍

xnh888 2024-09-12 22:25:13 技术教程 47 ℃ 0 评论

经过上述内容的优化,我们再次思考一个问题,假如在满足上述优化的 前提下,我们传送一个1M的数据和一个10M的数据那个效率高?,答案 显而易见,传输内容小,速度就会快。

那么问题又来了,同样的内容, 如果把大小降下来,我们脑袋里面要蹦出一个词就是"压缩",接下来, 我们来学习Nginx的静态资源压缩模块。在Nginx的配置文件中可以通过配置gzip来对静态资源进行压缩,相关的 指令可以配置在http块、server块和location块中,Nginx可以通过

ngx_http_gzip_module模块
ngx_http_gzip_static_module模块
ngx_http_gunzip_module模块

相关压缩命令也可以到Nginx.org官网去找documentation去寻找

点击gzip_module,这里的内容就是压缩模块

这里面有很多的指令

下面介绍使用gzip相关指令内容,提前在html中准备一个jquery.js文件

cd ../conf/切换到conf文件下

使用vim nginx.conf打开配置文件

location / {

root html;

index index.html index.html;

}

这句话的意思是访问/,就可以访html路径了

这里直接访问jquery.js就可以访问js文件,在访问jQuery.js的时候,Network控制台打印的数据格式是281kb数据

gzip指令:该指令用于开启或者关闭gzip功能,相关命令可以存储在http、server、location命令块当中

如下是配置在http块中的命令,只要写了gzip就开启了压缩

检验语法,重载配置

之后发送请求发现数据请求281kb的数据请求,数据请求是没有生效的,这里的数据没有实现压缩的原因是第二个属性造成的



gzip_types指令:该指令可以根据响应页的MIME类型选择性地开启 Gzip压缩功能,它存在一个默认值,不设置之后,只会对text/html内容进行压缩

而jQuery.js文件的返回类型 Content-Type:application/javascript类型

重新打开conf配置文件,设置

gzip_types application/javascript;

检验语法,重载配置

此刻数据大小变为了102kb

如果想要对所有类型的数据进行压缩,使用gzip_types: *;就可以实现了

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表