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反向代理至go-fastdfs案例讲解
Aug 02 Servers
Windows下用Nginx配置https服务器及反向代理的问题
Sep 25 Servers
nginx内存池源码解析
Nov 20 Servers
Apache Linkis 中间件架构及快速安装步骤
Mar 16 Servers
Nginx图片服务器配置之后图片访问404的问题解决
Mar 21 Servers
CentOS7和8下安装Maven3.8.4
Apr 07 Servers
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
May 11 Servers
阿里云服务器部署RabbitMQ集群的详细教程
Jun 01 Servers
Zabbix对Kafka topic积压数据监控的问题(bug优化)
Jul 07 Servers
修改Nginx配置返回指定content-type的方法
Sep 23 Servers
CentOS7设置ssh服务以及端口修改方式
Dec 24 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下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jQuery简单动画变换效果实例分析
2016/07/04 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
python Django批量导入数据
2016/03/25 Python
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
Python tkinter模块中类继承的三种方式分析
2017/08/08 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
厨师长岗位职责
2014/03/02 职场文书
经营目标管理责任书
2014/07/25 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
党员评议个人总结
2014/10/20 职场文书
2015年司法所工作总结
2015/04/27 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书