web - 如何在客户端为我的网站测量图像下载时间？

Question

在 Img 标记中，我们知道图像有一个 OnLoad 事件，该事件在图像完成加载时触发。但是当图像开始下载时，我们能得到准确的测量吗？我正在尝试测量网站的页面加载时间，因此如果可能的话，了解加载图像需要多长时间将是我分析的一部分。

我想以自动化的方式来做，所以我可以衡量真实的客户体验，而不是将我的网站放在 Yslow 或 PingDom ( http://tools.pingdom.com/fpt/ ) 上。我试图研究 Navigation Timing APIs (http://w3c-test.org/webperf/specs/NavigationTiming/) 不幸的是，即使它们提供了诸如 DNS 解析时间之类的见解，但在 web 请求中获取资源似乎并不得到支持。

Answer 1

您可以使用 Chrome Dev Channel 的任一 IE10 开始试验 Resource Timing API 是否满足您的需求 - getEntriesByName 可能是最常用于单个资源的方法。

我写了一个初级性能出现日历http://calendar.perfplanet.com/2012/an-introduction-to-the-resource-timing-api/

Answer 2

您可以使用Firefox 上的Firebug或 Chrome 中的开发者工具来获取有关页面资源的信息。