惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
Visual Studio Blog
IT之家
IT之家
博客园 - 聂微东
The Cloudflare Blog
月光博客
月光博客
阮一峰的网络日志
阮一峰的网络日志
S
SegmentFault 最新的问题
Apple Machine Learning Research
Apple Machine Learning Research
酷 壳 – CoolShell
酷 壳 – CoolShell
爱范儿
爱范儿
H
Help Net Security
博客园 - 叶小钗
V
V2EX
WordPress大学
WordPress大学
J
Java Code Geeks
Hugging Face - Blog
Hugging Face - Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页
C
Check Point Blog
B
Blog
D
DataBreaches.Net
美团技术团队
罗磊的独立博客

掘墓人的小铲子

新玩意:一加 15 | 掘墓人的小铲子 AI 编程初体验:Trae 帮我写代码 | 掘墓人的小铲子 微信内访问网站提示“非微信官方网页,请确认是否继续访问” | 掘墓人的小铲子 薅羊毛网站 | 掘墓人的小铲子 微信红包封面 | 掘墓人的小铲子 日本东京见闻 | 掘墓人的小铲子 新玩意:奥海 140W 氮化镓青春版充电器 | 掘墓人的小铲子 新玩意:云鲸智能洗地机 F1 冠军版 | 掘墓人的小铲子 新玩意:Windows Hello 指纹识别器 | 掘墓人的小铲子 电脑死机问题排查 | 掘墓人的小铲子 新玩意:WESCOM 31.5 英寸 4K 显示器 文章被“抄袭”了 | 掘墓人的小铲子 新玩意:乐歌 E2 升降桌 | 掘墓人的小铲子 香港一日游 | 掘墓人的小铲子 跨平台开发之 Quasar | 掘墓人的小铲子 跨平台开发之 Tauri | 掘墓人的小铲子 三星 Note4 超级省电模式之 Kindle 看书 博客升级 | 掘墓人的小铲子 使用 Jpom 自动构建和部署项目 | 掘墓人的小铲子 新冠肺炎症状记录 | 掘墓人的小铲子 开源数据备份工具 Duplicati | 掘墓人的小铲子 使用 NotionNext+Notion+Vercel 部署我的木刻网站 | 掘墓人的小铲子 使用 Vercel 快速部署前端项目 | 掘墓人的小铲子 企业共享办公好助手:可道云 kodbox | 掘墓人的小铲子 新玩意|一加 Ace Pro | 掘墓人的小铲子 使用 Photo Stream 部署相册 | 掘墓人的小铲子 新玩意|罗技 MX Master 3 鼠标 2021 年终总结 | 掘墓人的小铲子 新玩意|Bcase 数据线磁吸收纳器 | 掘墓人的小铲子 我的习惯养成计划:五分钟规则+打卡 | 掘墓人的小铲子
Nginx 开启 gzip 压缩 | 掘墓人的小铲子
2021-04-20 · via 掘墓人的小铲子

nginx gzip

Nginx 开启 gzip,不仅能提高网站打开速度,还能节约网站流量。

开启效果

我是 3 月 22 日 中午 12 点开启的 gzip 压缩,下面是从腾讯云后台导出的以天为单位的网络出流量(2 月 1 日到 4 月 19 日)。

外网出流量

可以很明显的看到,从 23 日开始,流出的流量至少减半,我个人是很满意的。

更具体的数据:

  • 3 月 20 日:1308M
  • 3 月 21 日:1179M
  • 3 月 22 日:894M
  • 3 月 23 日:543M

再来说下开启 gzip 前后的网页打开速度,由于我一直在用的博客主题相关的资源文件都放在了又拍云上,所以开启 gzip 前后打开速度并没什么大的变化(1S 左右),所以我换了一个主题,然后测试了一下打开速度。

未打开 gzip 博客加载完成的耗时:

未开启gzip

打开 gzip 之后博客加载完成的耗时:

开启gzip

可以看到,开启 gzip 之后的网站加载速度是未开启前的两倍!

所以:推荐开启 gzip

开启原因

刷推特的时候,看到了这篇文章「通过gzip和nginx来提高网站打开速度」。

其实最开始搭建博客的时候,就有优化网站的打开速度,上面也有提到,就是把博客主题的相关资源放到了又拍云上,很大程度上减轻了服务器的流量压力,博客打开速度有很大提升。

而关于 Nginx 相关的优化配置一直没有做,主要原因就是「懒」。不过既然看到了这篇文章,也就说明缘分到了,而且看起来配置也比较简单,就想着正好来实验一下。

文章开头也说到了开启压缩的好处:网站打开速度自然不用说,肯定越快越;关于节约流量,是因为博客现在的服务器到期之后,可能会换成腾讯云的轻量服务器,价格相对传统服务器要便宜,但是有流量限制,所以如果能节约服务器流量,对更换轻量服务器也是一个好消息。

如何开启

我就参考这篇文章「通过gzip和nginx来提高网站打开速度」进行了配置,流程如下:

  • 编辑 Nginx 配置文件
  • 在 server 节点里添加以下内容
gzip on;
gzip_disable "msie6";
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_min_length 256;
gzip_types application/atom+xml application/geo+json application/javascript application/x-javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/xhtml+xml application/xml font/eot font/otf font/ttf image/svg+xml text/css text/javascript text/plain text/xml;
  • 重启 Nginx
systemctl restart nginx

gzip 检测

开启 gzip 之后,怎么确认开启是否成功呢?

有两个方法:

  • 通过浏览器查看请求 header
  • 通过站长工具进行检测

打开浏览器的调试工具,查看 Netwrok 中的请求,如果 Response Headers 中包含 content-encoding: gzip,那么就是开启了 gzip。

header检测gzip

除此之外,使用站长工具检测更加方便,打开「网页GZIP压缩检测」,输入要检测的网址即可检测。

未开启 gzip 的检测结果:

检测未开启gzip

开启 gzip 后的检测结果:

检测开启gzip

当然,肯定还有其他优化网站打开速度的方法,等有机会实践了再写文章,也欢迎留言讨论。

本文由 掘墓人 创作,采用 CC BY-NC-ND 4.0 DEED ,转载或翻译请注明出处。
最后编辑时间为: 2021年04月20日

欢迎关注我的公众号,及时获取最新文章推送。