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常用命令放入shell脚本详解
Mar 31 Servers
如何利用map实现Nginx允许多个域名跨域
Mar 31 Servers
nginx限制并发连接请求数的方法
Apr 01 Servers
Nginx进程管理和重载原理详解
Apr 22 Servers
Nginx+Windows搭建域名访问环境的操作方法
Mar 17 Servers
Apache Hudi数据布局黑科技降低一半查询时间
Mar 31 Servers
Windows Server 2012 修改远程默认端口3389的方法
Apr 28 Servers
docker 制作mysql镜像并自动安装
May 20 Servers
Win2008系统搭建DHCP服务器
Jun 25 Servers
Zabbix对Kafka topic积压数据监控的问题(bug优化)
Jul 07 Servers
Windows Server 2012 R2服务器安装与配置的完整步骤
Jul 15 Servers
centos环境下nginx高可用集群的搭建指南
Jul 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
smarty实例教程
2006/11/19 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
利用php输出不同的心形图案
2016/04/22 PHP
php字符串操作常见问题小结
2016/10/11 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
php框架知识点的整理和补充
2021/03/01 PHP
LBS blog sql注射漏洞[All version]-官方已有补丁
2007/08/26 Javascript
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
2018/08/18 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
2020/08/15 Javascript
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
python使用nntp读取新闻组内容的方法
2015/05/08 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
python中判断文件结束符的具体方法
2020/08/04 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
学校运动会开幕演讲稿
2014/01/04 职场文书
教师专业自荐书范文
2014/02/10 职场文书
绘画专业自荐信
2014/07/04 职场文书
如何自己动手写SQL执行引擎
2021/06/02 MySQL
关于springboot配置druid数据源不生效问题(踩坑记)
2021/09/25 Java/Android
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python