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 相关文章推荐
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
Mar 31 Servers
利用Nginx代理如何解决前端跨域问题详析
Apr 02 Servers
Nginx反向代理至go-fastdfs案例讲解
Aug 02 Servers
Apache Pulsar结合Hudi构建Lakehouse方案分析
Mar 31 Servers
Docker 镜像介绍以及commit相关操作
Apr 13 Servers
使用 Docker Compose 构建复杂的多容器App
Apr 30 Servers
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
May 11 Servers
linux目录管理方法介绍
Jun 01 Servers
Nginx开源可视化配置工具NginxConfig使用教程
Jun 21 Servers
如何让你的Nginx支持分布式追踪详解
Jul 07 Servers
Windows7下FTP搭建图文教程
Aug 05 Servers
阿里云服务器(windows)手动部署FTP站点详细教程
Aug 05 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
2013/10/25 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
解决node.js安装包失败的几种方法
2016/09/02 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
Python实现全角半角转换的方法
2014/08/18 Python
Python实现的双色球生成功能示例
2017/12/18 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
Django框架HttpRequest对象用法实例分析
2019/11/01 Python
Python的形参和实参使用方式
2019/12/24 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
Python实现石头剪刀布游戏
2021/01/20 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
华润集团网上药店:健一网
2016/09/19 全球购物
物业招聘计划书
2014/01/10 职场文书
职工运动会感言
2014/02/07 职场文书
公司合作意向书
2014/04/01 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
追悼会答谢词范文
2015/09/29 职场文书