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 相关文章推荐
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
Mar 09 Servers
Nginx配置Https安全认证的实现
May 26 Servers
zabbix自定义监控nginx状态实现过程
Nov 01 Servers
解决xampp安装后Apache无法启动
Mar 21 Servers
Kubernetes控制节点的部署
Apr 01 Servers
CentOS安装Nginx并部署vue
Apr 12 Servers
Windows Server 2012 R2 磁盘分区教程
Apr 29 Servers
Nginx配置之禁止指定IP访问
May 02 Servers
如何Tomcat中使用ipv6地址
May 06 Servers
配置nginx负载均衡
May 06 Servers
Zabbix对Kafka topic积压数据监控的解决方案
Jul 07 Servers
Flink 侧流输出源码示例解析
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制作简单的内容采集器的代码
2007/11/28 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
jquery实现手风琴效果实例代码
2013/11/15 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
python安装Scrapy图文教程
2017/08/14 Python
Python基于贪心算法解决背包问题示例
2017/11/27 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
可靠的数据流传输TCP
2016/03/15 面试题
医生自荐信
2013/10/11 职场文书
小学中秋节活动方案
2014/02/06 职场文书
银行贷款承诺书
2014/03/29 职场文书
社团活动总结模板
2014/06/30 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
2014年就业工作总结
2014/11/26 职场文书
教师年度考核个人总结
2015/02/12 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
在Python 中将类对象序列化为JSON
2022/04/06 Python