三月,一个客户把带宽从 8M 升到 20M,反馈打开速度没变化。我们去现场测了三次,问题不在带宽。
先测瓶颈在哪
用浏览器开发者工具看加载瀑布图:首字节 0.3 秒,图片加载占了 6.2 秒,单张首页大图 5.4MB。带宽再大,也要等这张图下载完。
图片是主要问题
首页 11 张图,合计 18MB,全部是设计直接导出的原图。压缩到 WebP 并做尺寸适配后,合计 1.9MB,首页加载从 7.1 秒降到 1.6 秒。
第二个问题:DNS
域名解析用的是注册商默认 DNS,平均解析 210ms。换成专业 DNS 后降到 38ms。这一项改动十分钟,效果立竿见影。
结论
带宽是水管,图片是水量。水量不降,换粗水管没用。我们把这次排查过程写成检查表,客户自己也能照着做一遍。
本文要点
- 首页 11 张图合计 18MB,是主要瓶颈
- 压缩并转 WebP 后降到 1.9MB
- 默认 DNS 解析 210ms,换专业 DNS 后 38ms
- 带宽升级前先查图片与解析
