Nginx 静态资源加速

当前存在的问题是加载页面时间过长
image.png
当前服务器拓扑结构如下
image.png

查找原因

高防层加载速度对比

加入高防层
image.png
未加入高防层
image.png
对比原因, 高防层加载速度有限制, 当前无法对高防层进行处理, 所以把高防层作为备选通道

服务器 nginx 未开启压缩

经过查看服务器的返回, 发现未对文本类型文件进行压缩处理, 增大了服务器之间的流量留出

解决方案

全局流量管理

使用全局流量管理, 保留最优线路访问, 在最优线路崩溃的情况下切换到防护线路
image.png

启用服务器 gzip

1
2
3
4
5
6
7
8
9
10
http {
gzip on;
gzip_types
application/javascript
application/x-javascript
text/javascript
text/css
image/svg+xml
application/json;
}

因为服务器有两层代理, 服务器之前均需要数据传输所以两边都需要开启压缩
仅开启防护机
image.png
开启服务机
image.png
发现大小并没有变化, 但是减少了防护机->服务机之间的网络流量

结果对比

服务器调整之后
image.png
Dom 加载 3.86->1.16, 减少 2.7s

FAQ

duplicate MIME type “text/html”

在添加 gzip 压缩的时候 mime-type text/html 是默认都会加载并压缩的, 所以不需要明确指定
Ref: https://stackoverflow.com/questions/6475472/duplicate-mime-type-text-html


原文地址 : Nginx 静态资源加速
本站是作者语雀文档的镜像站, 如对文章有任何疑问请移步语雀进行 提问

作者

Duoli

发布于

2022-08-11

更新于

2022-08-24

许可协议

评论