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处理http请求实现过程解析
Mar 31 Servers
nginx里的rewrite跳转的实现
Mar 31 Servers
Nginx已编译的nginx-添加新模块
Apr 01 Servers
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
Nov 17 Servers
nginx共享内存的机制详解
Mar 21 Servers
Ubuntu Server 安装Tomcat并配置systemctl
Apr 28 Servers
IIS服务器中设置HTTP重定向访问HTTPS
Apr 29 Servers
Nginx静态压缩和代码压缩提高访问速度详解
May 30 Servers
详解ZABBIX监控ESXI主机的问题
Jun 21 Servers
Docker与K8s关系介绍不会Docker也可以使用K8s
Jun 25 Servers
教你nginx跳转配置的四种方式
Jul 07 Servers
在windows server 2012 r2中安装mysql的详细步骤
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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
php Ajax乱码
2008/04/09 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
js实现拖拽效果
2015/02/12 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
vue登录注册及token验证实现代码
2017/12/14 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
2018/05/24 jQuery
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
vue实现购物车案例
2020/05/30 Javascript
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
python reduce 函数使用详解
2017/12/05 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python lambda表达式(匿名函数)写法解析
2019/09/16 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
python删除某个目录文件夹的方法
2020/05/26 Python
python如何实现图片压缩
2020/09/11 Python
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
运动鞋中的劳斯莱斯:索康尼(SAUCONY)
2017/08/09 全球购物
销售经理竞聘书
2014/03/31 职场文书
产品质量保证书
2014/04/29 职场文书
学校个人对照检查材料
2014/08/26 职场文书
法定代表人证明书
2014/11/28 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python