运维之道 | Nginx gzip压缩提升网站速度

news/2024/5/20 20:31:16/文章来源:https://blog.csdn.net/VillianTsang/article/details/104476359

前言

gzip压缩作用:将响应报⽂发送⾄客户端之前可以启⽤压缩功能,这能够有效地节约带宽,并提⾼响应⾄客户端的速度,压缩会消耗nginx的cpu性能;
gzip压缩可以配置http(对所有模块有效)、server(对单个server模块有效)或location(对单个location有效)模块下;

gzip配置的常用参数:
gzip on|off; 						# 是否开启gzipgzip_buffers 32 4K| 16 8K 			# 缓冲(压缩在内存中缓冲几块? 每块多大?)gzip_comp_level [1-9] 				# 推荐6 压缩级别(级别越高,压的越小,越浪费CPU计算资源)gzip_disable 						# 正则匹配UA 什么样的Uri不进行gzipgzip_min_length 200 				# 开始压缩的最小长度(再小就不要压缩了,意义不在)gzip_http_version 1.0|1.1 			# 开始压缩的http协议版本(可以不设置,目前几乎全是1.1协议)gzip_proxied          				# 设置请求者代理服务器,该如何缓存内容gzip_types text/plain application/xml # 对哪些类型的文件用压缩 如txt,xml,html ,cssgzip_vary on|off  					# 是否传输gzip压缩标志
注意:
图片/mp3这样的二进制文件,不必压缩因为压缩率比较小, 比如100->80字节,而且压缩也是耗费CPU资源的比较小的文件不必压缩

一、先不开启压缩

1、配置文件
worker_processes  1;
events {worker_connections  1024;
}
http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;#       gzip on;
#       gzip_buffers 32 4K;
#       gzip_comp_level 6;
#       gzip_min_length 100;
#       gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;
#       gzip_vary on;location / {root   html;index  index.html zwl.html;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

在这里插入图片描述
2、文件大小:

[root@localhost html]# ll
-rw-r--r--. 1 root root 1454 224 14:37 index.html

3、没压缩发布实际大小:
在这里插入图片描述


二、开启压缩

1、配置文件
worker_processes  1;
events {worker_connections  1024;
}
http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;gzip on;gzip_buffers 32 4K;gzip_comp_level 6;gzip_min_length 100;gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;gzip_vary on;location / {root   html;index  index.html zwl.html;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

在这里插入图片描述
2、压缩后发布实际大小:
在这里插入图片描述
在这里插入图片描述

  • Content-Encoding:gzip : 说明开启了gzip压缩

  • Transfet-Encoding:chunked : 说明压缩后分块传输

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_823304.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一步一步教你用linux+宝塔面板搭建几种常见的网站

一步一步教你用linux宝塔面板搭建几种常见的网站文章转自鲸鱼啊:https://www.jingyua.com 宝塔是一个vps控制面板,用于管理VPS服务器。具体的也就不用说了,网上教程太多了。 购买VPS,这里就默认已经有合适的VPS,连接…

宝塔面板+PTCMS搭建自采集小说网站

文章转自鲸鱼啊:https://www.jingyua.com 现在已经默认安装好宝塔面板,如果没有请移步这里:一步一步教你用vps宝塔面板搭建几种常见的网站 下载源文件: https://pan.baidu.com/s/11LarIAdZGVqTDWstcHYKPA 提取码: crxw 宝塔面板…

网站 页面公共部分的处理

HTML如何引用公共的页眉头部header.html文件和尾部footer.html文件? 因保密等诸多因素,线上项目运行效果,暂不推荐大家观看,敬请谅解。 本次实例为临时花了几分钟手写的,下面就来讲一下常用的方法: 当前方法…

WordPress网站漏洞利用及漏洞修复解决方案

2019年正月刚开始,WordPress最新版本存在远程代码注入获取SHELL漏洞,该网站漏洞影响的版本是wordpress5.0.0,漏洞的产生是因为image模块导致的,因为代码里可以进行获取目录权限,以及文件包含功能,导致远程代…

expires缓存提升网站负载

nginx的缓存设置 提高网站性能对于网站的图片,尤其是新闻站, 图片一旦发布, 改动的可能是非常小的.我们希望 能否在用户访问一次后, 图片缓存在用户的浏览器端,且时间比较长的缓存.可以, 用到 nginx的expires设置 .nginx中设置过期时间,非常简单,在location或if段里,来写.格式…

网站页面优化必然趋势—WebP 图片!

本文梗概:众所周知,浏览器可以通过 HTTP 请求的 Accpet 属性 来指定接收的内容类型。依靠这个技术,可以在不修改任何 HTML/CSS 或者图片的情况下,向浏览器提供优化的图片,从而降低带宽消耗,提高页面加载速度…

AnjularJs的增删改查(单页网站)

2016.6.4 学习文献: 你的第一个AngularJS应用:https://segmentfault.com/a/1190000000347412 AngularJS 提交表单的方式:http://www.oschina.net/translate/submitting-ajax-forms-the-angularjs-way AngularJS中$http服务的简单用法:http://…

mouseover,mouseout与mouseenter,mouseleave

针对单个元素,使用感一样。 差异提现在有子元素的情况下: mouseover和mouseout在父元素和其子元素都可以触发,当鼠标穿过一个元素时,触发次数得依子元素数量而言。mouseenter和mouseleave只在父元素触发,当鼠标穿过一个…

如何让浏览器打开一个网站的时候执行一个自定义脚本

以chrome为例,先安装一个tampermonkey的插件,安装好之后点击一下按钮,添加新脚本,写入如下代码之后保存。 第七行的意思是,当我们打开百度的时候才会执行这个脚本。脚本的作用就是弹出一个消息。 转载于:https://www.cnblogs.com/…

docker (2)---存储、网络(利用docker容器上线静态网站)

一、docker底层依赖的核心技术 1、命名空间 (Namespaces) 2、控制组 (Control Groups) 3、联合文件系统 (Union File System) 4、Linux 虚拟网络支持:本地和容器内创建虚拟接口 (1) 命名空间(Namespaces): 实现了容器间资源的隔离,每个容器…

从QQ网站中提取的纯JS省市区三级联动

今天收到园友信息,想问我要原来写的一个 《 纯JS省市区三级联动 》文章中最新的省市区数据。 那个是老早以前搞的。记得数据是从数据库中提取生成的。一时也找不到当时的数据库了。 我发现在 http://ip.qq.com/ 的网站中有QQ自己的JS省市区三级联动。所以研究了一下…

无需注册支持快速安全视频的网站

大家好,我是你们的小金子。今天要分享的是一个无需注册支持快速安全视频的网站,既然说到快速,那么我们先来看看到底有多快速。首先打开网站 https://brie.fi/ng/ 会展示如下网页。点击 Start Video Chat,即可直接开始视频。分享右…

Google 出品网站性能质量及错误分析工具

大家好,我是你们的章鱼猫。今天给大家推荐一款由 Google 出品的 Chrome 插件:Lighthouse,它能够分析网站的性能、质量及错误等。市面上类似工具很少,可以看出越大的公司对性能和质量越看重。这款工具通过 Chrome 安装后使用也非常…

GitHub Star 10K,让你的网站更炫酷的开源库

大家好,我是你们的章鱼猫。现在不少网站都支持了骨架屏,能够在网页数据加载前,展示固定的布局,能够减少用户在进入网页时感受到白屏的不适感。今天要给大家推荐一个标星 1 万的开源库:react-content-loader&#xff0c…

1 分钟提升网站使用体验,这么香的方法不想知道吗?

大家好,我是你们的章鱼猫。今天要推荐的开源项目是 instant.page,在介绍项目之前,我们先说说项目的介绍语,如下:Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.什么意思呢&…

非常棒的练手项目, 一个基于 SpringBoot 开源的小说和漫画在线阅读网站

大家好,我是章鱼猫。今天给大家推荐的这个开源项目是一个基于 SpringBoot 实现的小说和漫画在线阅读网站。这个开源项目叫:fiction_house。这个开源项目是一个多平台(web、安卓 app、微信小程序)、功能完善的小说弹幕网站&#xf…

「硬核推荐」一份网站流量变现教程及资料大全

文章首发于微信公众号「GitHub精选」,欢迎大家关注。大家好,我是章鱼猫。今天推荐的这个项目是「awesome-seo」,Google SEO 研究及流量变现。作者为什么要做 SEO?在互联网中,流量就是钱。掌握一定的 SEO 技术&#xff…

天若有情天亦老,我为网站加一秒

文章首发于微信公众号「GitHub 精选」,欢迎大家关注。打开微信,使用 “搜一搜”,搜索「GitHub 精选」,即可关注。大家好,我是章鱼猫。今天推荐的这个项目是「1s」,有些网站,当我们给它 1s 时&am…

开发者论坛一周精粹(第三十六期) 网站备案 oss存储

开发者论坛每周选取精华内容总结,精选论坛优质贴,每周更新一期,方便大家阅读! 依赖SDK时发生错误 ziyeyc http://bbs.aliyun.com/read/576757.html 域名认证,时间太慢了吧 追梦天使11 http://bbs.aliyun.com/read/57…

小爬虫demo——爬取“妹子”等网站链接____使用requests库

# 文章分为三个部分:1. po代码 ;2. 提示运行过程中的一些细节 和需要改进的地方; 3. 常规送福利# 文章将持续完善和补充# 欢迎拍砖、交流、指正第一部分:Po 代码:import re import requestskey input("请输入爬…