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

在Img标签中，我们知道图像有一个OnLoad事件，当图像完成加载时会触发。但是，当图像开始下载时，我们能够得到准确的测量吗？我试图衡量一个网站的页面加载时间，因此知道加载图像需要多长时间才能成为我分析的一部分。如何测量我的网站在客户端的图像下载时间？

我想通过自动化的方式做到这一点，所以我可以衡量真正的客户体验，而不是将我的网站放在Yslow或PingDom上（http://tools.pingdom.com/fpt/）。我曾尝试着深入研究Navigation Timing Apis（http://w3c-test.org/webperf/specs/NavigationTiming/），即使它们提供诸如DNS解析时间之类的见解，但似乎并未提供网络请求中的资源获取得到支持。

来源

2012-10-21 LongKei

后来我发现，W3C的表演团是专门开发一个API，用于解决命名资源定时API这个问题http://www.w3c-test.org/webperf /规格/ ResourceTiming /。不幸的是，目前主流浏览器仍然在构建这个API。通过以下链接查看Google IO's Demo：http://io12-webperf.appspot.com/#12 – LongKei

您可以在Firefox上使用Firebug或在Chrome中使用Developer Tools以获取有关页面资源的信息。

来源

2012-10-21 03:12:00 doublesharp

但是，我可以在自动化时尚中做到吗？因为我想从开发人员的角度来获得真实世界的客户体验。使用Firebug和开发人员将有助于开发阶段，但一旦网站作为开发人员投入生产，我希望获得实际的页面加载时间。 – LongKei

我没有使用它，但BrowserHawk声称能够做到这一点http://www.cyscape.com/products/bhawk/page-load-time-details.aspx – doublesharp

您可以开始尝试Resource Timing API是否满足使用Chrome开发人员频道IE10的需求 - getEntriesByName是可能最适用于单个资源的方法。

我写了一个底形成业绩出现日历http://calendar.perfplanet.com/2012/an-introduction-to-the-resource-timing-api/

来源

2012-12-16 18:32:55

谢谢！不知道IE10和Windows Phone 8已经实现了！ :) – LongKei

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

回答

相关问题