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 比 Apache 更牛逼
Mar 31 Servers
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
Mar 31 Servers
nginx简单配置多个server的方法
Mar 31 Servers
zabbix自定义监控nginx状态实现过程
Nov 01 Servers
教你使用Jenkins集成Harbor自动发布镜像
Apr 03 Servers
Linux中文件的基本属性介绍
Jun 01 Servers
CentOS7环境下MySQL8常用命令小结
Jun 10 Servers
Linux下搭建SFTP服务器的命令详解
Jun 25 Servers
云服务器部署 Web 项目的实现步骤
Jun 28 Servers
彻底卸载VMware虚拟机的超详细步骤记录
Jul 15 Servers
Valheim服务器 Mod修改安装教程 【ValheimPlus】
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抓即时股票信息
2006/10/09 PHP
用php和MySql来与ODBC数据连接
2006/10/09 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
javascript之AJAX框架使用说明
2010/04/24 Javascript
ExtJS 入门
2010/10/29 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
Vue作用域插槽实现方法及作用详解
2020/07/08 Javascript
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
python实现二维数组的对角线遍历
2019/03/02 Python
PyQt5实现从主窗口打开子窗口的方法
2019/06/19 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
校领导推荐信
2013/11/01 职场文书
广告设计专业自荐信范文
2013/11/14 职场文书
土建专业毕业生自荐书
2014/07/04 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
党员评议个人总结
2014/10/20 职场文书
个人整改方案范文
2014/10/25 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
社会实践单位意见
2015/06/05 职场文书
详解Golang如何优雅的终止一个服务
2022/03/21 Golang
Python实现信息管理系统
2022/06/05 Python