按网络连接估算网站加载时间

按网络连接估算网站加载时间: 用途

页面太重，在手机上打开就慢，每多一秒就会有人离开。本计算器估算你的页面在四种连接下的网络时间，从慢速 3G（0.4 Mbps，400 毫秒，WebPageTest 的 3G Slow 配置），到 Wi-Fi，其中包括 Lighthouse 默认的手机配置（1.6 Mbps，150 毫秒）。

填写 HTML、CSS、JavaScript、图片和字体的体积、文件数量和域名数量，即可看到总体积、各部分占比，以及把连接往返和传输时间相加得到的估算时间。还可以模拟把图片换成 WebP 后的收益。

使用方法

1. 打开浏览器的“网络”标签，记下每种文件的体积。
2. 填写体积、文件数量和域名数量。
3. 比较各连接下的时间，看看什么最占体积。

使用场景

• 向客户说明网站为什么慢。
• 决定优先优化什么。
• 比较压缩图片前后的效果。

常见问题

在哪里查看页面的体积？

在 Chrome 中打开开发者工具（F12），进入“网络”（Network）标签，刷新页面，查看底部：它显示请求数和传输的数据量。按类型筛选可区分 JS、CSS、图片和字体。

计算使用哪些速度？

慢速 3G：0.4 Mbps，往返 400 毫秒（WebPageTest 的 3G Slow 配置）。典型手机：1.6 Mbps，150 毫秒，即 Lighthouse 默认使用的手机配置。良好的 4G：9 Mbps，60 毫秒。Wi-Fi 或光纤：50 Mbps，20 毫秒。真实网络差异很大，请仅作比较之用。

这和 PageSpeed 的分数一样吗？

不一样。PageSpeed 通过真实运行页面来衡量 LCP 和 INP 等指标，包括执行 JavaScript 和绘制屏幕的时间。这里只估算网络时间（在手机上通常占大头），用来观察页面变轻的效果。

相似工具