网站首页 > 技术教程 正文
经过上述内容的优化,我们再次思考一个问题,假如在满足上述优化的 前提下,我们传送一个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: *;就可以实现了
猜你喜欢
- 2024-10-10 推荐几个开源的个人独立博客系统(开源个人博客源码下载)
- 2024-10-10 Kubernetes 之 Nginx 动静态 PV 持久存储 下篇
- 2024-10-10 FreeMarker-静态模板的使用与生成
- 2024-10-10 使用nginx做前端服务器可以设置类似的静态文件客户端缓存
- 2024-09-12 「nginx」十、nginx的location配置详解
- 2024-09-12 使用nginx部署前端html等静态页面
- 2024-09-12 Nginx配置文件(nginx配置文件位置)
- 2024-09-12 基于nginx反向代理实现网站静态页面与动态页面自动切换
- 2024-09-12 nginx学习总结(nginx入门教程)
- 2024-09-12 除了负载均衡,Nginx还可以做很多,限流、缓存、黑白名单等
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)
本文暂时没有评论,来添加一个吧(●'◡'●)