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
如何在centos上使用yum安装rabbitmq-server
Mar 31 Servers
提升Nginx性能的一些建议
Mar 31 Servers
nginx安装以及配置的详细过程记录
Sep 15 Servers
Windows下用Nginx配置https服务器及反向代理的问题
Sep 25 Servers
详解nginx location指令
Jan 18 Servers
教你使用Jenkins集成Harbor自动发布镜像
Apr 03 Servers
Apache Hudi 加速传统的批处理模式
Apr 24 Servers
IIS服务器中设置HTTP重定向访问HTTPS
Apr 29 Servers
在容器中使用nginx搭建上传下载服务器
May 11 Servers
Windows Server 2022 超融合部署(图文教程)
Jun 25 Servers
Nginx配置使用详解
Jul 07 Servers
Nginx 负载均衡是什么以及该如何配置
Mar 31 #Servers
Nginx快速入门教程
nginx如何将http访问的网站改成https访问
Mar 31 #Servers
Nginx+Tomcat实现负载均衡、动静分离的原理解析
使用nginx动态转换图片大小生成缩略图
Mar 31 #Servers
Nginx反向代理多个服务器的实现方法
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
You might like
simplehtmldom Doc api帮助文档
2012/03/26 PHP
php权重计算方法代码分享
2014/01/09 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
jQuery 使用个人心得
2009/02/26 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
PHP中如何使用Cookie
2015/10/28 面试题
《姥姥的剪纸》教学反思
2014/02/25 职场文书
春节联欢晚会主持词范文
2014/03/24 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
实习单位评语
2014/04/26 职场文书
小学社会实践活动总结
2014/07/03 职场文书
如何写股份合作协议书
2014/09/11 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python