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
Nginx设置日志打印post请求参数的方法
Mar 31 Servers
nginx 防盗链防爬虫配置详解
Mar 31 Servers
Nginx下配置Https证书详细过程
Apr 01 Servers
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
May 26 Servers
使用Nginx搭载rtmp直播服务器的方法
Oct 16 Servers
nginx内存池源码解析
Nov 20 Servers
Kubernetes中Deployment的升级与回滚
Apr 01 Servers
Nginx配置根据url参数重定向
Apr 11 Servers
阿里云ECS云服务器快照的概念以及如何使用
Apr 21 Servers
服务器间如何实现文件共享
May 20 Servers
CentOS7 minimal 最小化安装网络设置过程
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/11/19 PHP
PHP如何编写易读的代码
2007/07/10 PHP
PHP 全角转半角实现代码
2010/05/16 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Python实现模拟时钟代码推荐
2015/11/08 Python
python生成随机图形验证码详解
2017/11/08 Python
python实现发送邮件功能代码
2017/12/14 Python
django如何连接已存在数据的数据库
2018/08/14 Python
Python引用计数操作示例
2018/08/23 Python
详解python 模拟豆瓣登录(豆瓣6.0)
2019/04/18 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
公司出纳岗位职责
2013/12/07 职场文书
理想演讲稿范文
2014/05/21 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python