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部署多前端项目的几种方法
May 25 Servers
详解nginx进程锁的实现
Jun 14 Servers
Kubernetes中Deployment的升级与回滚
Apr 01 Servers
Nginx禁止ip访问或非法域名访问
Apr 07 Servers
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
Apr 29 Servers
阿里云服务器Ubuntu 20.04上安装Odoo 15
May 20 Servers
windows server 2012安装FTP并配置被动模式指定开放端口
Jun 10 Servers
解决Git推送错误non-fast-forward的方法
Jun 25 Servers
Docker安装MySql8并远程访问的实现
Jul 07 Servers
Centos7 Shell编程之正则表达式、文本处理工具详解
Aug 05 Servers
zabbix如何添加监控主机和自定义监控项
Aug 14 Servers
Nginx 负载均衡是什么以及该如何配置
Mar 31 #Servers
Nginx快速入门教程
nginx如何将http访问的网站改成https访问
Mar 31 #Servers
Nginx+Tomcat实现负载均衡、动静分离的原理解析
使用nginx动态转换图片大小生成缩略图
Mar 31 #Servers
Nginx反向代理多个服务器的实现方法
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
You might like
MySQL中create table语句的基本语法是
2007/01/15 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
PHP基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
JavaScript EasyPager 分页函数
2011/05/25 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
JavaScript设置名字输入不合法的实现方法
2017/05/23 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
python中reload(module)的用法示例详解
2017/09/15 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
Django如何批量创建Model
2020/09/01 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
秋季运动会活动方案
2014/02/05 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
开业主持词
2014/03/21 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
MYSQL如何查看操作日志详解
2022/05/30 MySQL