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的网址时，下面的命令可以按顺序执行

下载HTML页面
浏览器打开HTML页面后，它将开始对其进行解析以呈现它，并且无论在何处找到<img...>标记，它都会进行另一个http://yourwebsite.com/image.jpg调用，并且应在Fiddler中显示为新的http请求，为此您将获得相同的性能统计信息。

您需要注意的另一件事是没有资源设置有效期的策略，即通常浏览器第一次下载资源，然后在特定时间段内他们从缓存中获取资源，而不是再次下载以提高性能，因此，统计信息下次可能会改变。

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

1 个答案: