Nginx优化服务之网页压缩的实现方法


Posted in Servers onMarch 31, 2021

配置网页压缩,节省资源

1,首先我们先修改配置

vim /usr/local/nginx/conf/nginx.conf
http {
......
  gzip on;        #取消注释,开启gzip压缩功能
  gzip_min_length 1k;   #最小压缩文件的大小
  gzip_buffers 4 64k;   #压缩缓冲区,大小为4个64k缓冲区
  gzip_http_version 1.1; #压缩版本(默认1.1,前端如果是squid2.5请使用1.0)
  gzip_comp_level 6;   #压缩比率
  gzip_vary on;      #支持前端缓存服务器存储压缩页面
  gzip_types test/plain text/javascript application/x-javascript text/css text/xml application/xml application/xml+rss
  image/jpg image/jpeg image/png image/gif application/x-httpd-php application/javascript application/json;
  #压缩类型,表示哪些网页文档启用压缩功能
......
}

Nginx优化服务之网页压缩的实现方法

Nginx优化服务之网页压缩的实现方法

2,将我们需要展示的图片拖入该文件夹

Nginx优化服务之网页压缩的实现方法

3,在网页中插入此图片

vim index.html
......
<img src="game.jpg"/>      #网页中插入图片
</body>
</html>

Nginx优化服务之网页压缩的实现方法

4,重启服务

Nginx优化服务之网页压缩的实现方法

5,在元素中查看,发现已经被压缩

Nginx优化服务之网页压缩的实现方法

到此这篇关于Nginx优化服务之网页压缩的文章就介绍到这了,更多相关Nginx网页压缩内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Servers 相关文章推荐
Nginx 负载均衡是什么以及该如何配置
Mar 31 Servers
Filebeat 采集 Nginx 日志的方法
Mar 31 Servers
Nginx反向代理学习实例教程
Oct 24 Servers
Nginx+Tomcat负载均衡集群的实现示例
Oct 24 Servers
Nginx内网单机反向代理的实现
Nov 07 Servers
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
Nov 17 Servers
Windows server 2012 配置Telnet以及用法详解
Apr 28 Servers
ubuntu下常用apt命令介绍
Jun 05 Servers
Linux服务器离线安装 nginx的详细步骤
Jun 16 Servers
超越Nginx的Web服务器caddy优雅用法
Jun 21 Servers
VMware虚拟机安装 Windows Server 2022的详细图文教程
Sep 23 Servers
服务器nginx权限被拒绝解决案例
Sep 23 Servers
Nginx 负载均衡是什么以及该如何配置
Mar 31 #Servers
Nginx快速入门教程
nginx如何将http访问的网站改成https访问
Mar 31 #Servers
Nginx+Tomcat实现负载均衡、动静分离的原理解析
使用nginx动态转换图片大小生成缩略图
Mar 31 #Servers
Nginx反向代理多个服务器的实现方法
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
You might like
PHP+DBM的同学录程序(1)
2006/10/09 PHP
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
使用PHP计算两个路径的相对路径
2013/06/14 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
Symfony生成二维码的方法
2016/02/04 PHP
php微信公众号开发之简答题
2018/10/20 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
理解JavaScript原型链
2016/10/25 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
Linux下Python获取IP地址的代码
2014/11/30 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
德国高性价比网上药店:medpex
2017/07/09 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
平安家庭示范户事迹
2014/06/02 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
python非标准时间的转换
2021/07/25 Python