在Fiddler中，确定下载资源所花费的时间（如图像，js，css）

Question

在通过浏览器访问某些应用程序时捕获Fiddler中的网络流量后，如何确定浏览器下载给定资源所花费的时间。例如，浏览器正在尝试下载图像。我可以在GET请求中看到有关客户端和服务器响应时间的常规统计信息，但是哪个指标告诉我下载图像本身需要多长时间？

ClientConnected:        09:12:32.951
ClientBeginRequest:     09:12:32.951
GotRequestHeaders:      00:00:00.000
ClientDoneRequest:      09:12:32.951
Determine Gateway:      0ms
DNS Lookup:             0ms
TCP/IP Connect:         0ms
HTTPS Handshake:        0ms
ServerConnected:        09:12:32.951
FiddlerBeginRequest:    09:12:32.951
ServerGotRequest:       09:12:32.951
ServerBeginResponse:    09:12:33.123
GotResponseHeaders:     00:00:00.000
ServerDoneResponse:     09:12:33.139
ClientBeginResponse:    09:12:33.139
ClientDoneResponse:     09:12:33.139

Overall Elapsed:        0:00:00.188

Answer 1

HTTP请求是一个请求，无论它是api调用还是http图像资源请求调用。正如@Robert在评论中提到的，您应该使用浏览器的集成开发工具来衡量这些性能指标。

您需要了解的另一件事通常是html页面由多个资源组成，因此您将在同一页面的Fiddler / Integration网络工具中看到多个HTTP请求。例如当你点击一个给你HTML的网址时，下面可以按顺序执行

1. 下载HTML页面
2. 一旦Browser拥有HTML页面，它就会开始解析它以呈现它，无论它在哪里找到<img...>标签，它都会进行另一次http://yourwebsite.com/image.jpg调用，并且它应该在Fiddler中显示为新的http请求，您将获得相同的性能统计数据。

还有一件事你应该注意的是到期策略设置没有资源，即通常浏览器第一次下载资源，然后在特定时间段内从缓存中获取资源而不是再次下载以提高性能，因此统计数据可能会在下次更改时间。