Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Web 如何测量我的网站客户端的图像下载时间?_Web_Image_Latency - Fatal编程技术网

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

Web 如何测量我的网站客户端的图像下载时间?,web,image,latency,Web,Image,Latency,在Img标记中,我们知道图像有一个OnLoad事件,该事件在图像完成加载时触发。但是当图像开始下载时,我们能得到准确的测量值吗?我试图测量一个网站的页面加载时间,所以如果可能的话,知道加载一个图像需要多长时间将是我分析的一部分 我想从自动化的角度来做,这样我就可以测量真实的客户体验,而不是将我的网站放在Yslow或PingDom()上。我曾尝试研究导航计时API(http://w3c-test.org/webperf/specs/NavigationTiming/)不幸的是,即使它们提供了DNS

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


我想从自动化的角度来做,这样我就可以测量真实的客户体验,而不是将我的网站放在Yslow或PingDom()上。我曾尝试研究导航计时API(http://w3c-test.org/webperf/specs/NavigationTiming/)不幸的是,即使它们提供了DNS解析时间等细节,但似乎不支持在web请求中获取资源

您可以在Firefox或Chrome中使用来获取页面资源的信息。

您可以使用Chrome开发频道的IE10开始试验资源计时API是否满足您的需要-getEntriesByName可能是单个资源最常用的方法


我写了一本性能降临日历的初级读物

,但我能用自动方式完成吗?因为我想从开发者的角度获得真实世界的客户体验。使用Firebug和Developer's将有助于开发阶段,但一旦网站作为开发人员投入生产,我希望获得真实的页面加载时间。我没有使用它,但是BrowserHawk声称能够做到这一点,后来我发现W3C的性能小组正在开发一种专门用于解决这个问题的API,名为资源计时API。不幸的是,目前主要浏览器仍在构建此API。通过以下链接查看谷歌IO的演示:谢谢!不知道IE10和Windows Phone 8已经实现了它!:)