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 URL重写rewrite机制原理及使用实例
Apr 01 Servers
配置nginx 重定向到系统维护页面
Jun 08 Servers
Nginx location 和 proxy_pass路径配置问题小结
Sep 04 Servers
深入解析Apache Hudi内核文件标记机制
Mar 31 Servers
centos7安装mysql5.7经验记录
May 02 Servers
CentOS7安装MySQL8的超级详细教程(无坑!)
Jun 10 Servers
服务器SVN搭建图文安装过程
Jun 21 Servers
windows系统安装配置nginx环境
Jun 28 Servers
TaiShan 200服务器安装Ubuntu 18.04的图文教程
Jun 28 Servers
Apache Kafka 分区重分配的实现原理解析
Jul 15 Servers
Nginx如何配置根据路径转发详解
Jul 23 Servers
CentOS7 minimal 最小化安装网络设置过程
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-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PHP防止跨域提交表单
2013/11/01 PHP
在laravel中使用with实现动态添加where条件
2019/10/10 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
vue.js整合mint-ui里的轮播图实例代码
2017/12/27 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
详解Python验证码识别
2016/01/25 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
Staples加拿大官方网站:办公用品一站式采购
2016/09/25 全球购物
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
研究生毕业自我鉴定范文
2014/03/27 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
高三毕业感言
2015/07/30 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
pytorch查看网络参数显存占用量等操作
2021/05/12 Python
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
一条 SQL 语句执行过程
2022/03/17 MySQL
为Centos安装指定版本的Docker
2022/04/01 Servers