飞儿乐队 发表于 2018-5-11 14:39:43

httpwatch timechart 解析

从timeChart,我们可以一目了然的看到那些请求花费的时间较长,一般柱状的长短表示从请求到接受共花费的
时间,我们重点需要优化那些柱状较长的部分,当然我们也可以点击time列,按请求时间排到序,直接找出请
求时间最长的部分。
       针对每一条柱状图,又分为好几个部分,用不同颜色表示。这些颜色表示不同的时间段。举例说明,我们
点击一条明细,在下方会出现该条请求的所有详细信息。我们点击TimeChart的Tab页。

       这是一个google广告的请求,分为5部分,依次如下:
       白色:空白时间,0.001s,表示页面刷新后0.001s才开始这个请求。
       绿色:请求发送时间,也是0.001秒
       红色:等待时间,这个影响因素较多,网络、数据库查询等等。
       青色:请求接收,这条请求结果只返回了304的请求状态,所以时间很短,上图几乎看不到。
       蓝色:从浏览器缓冲中读取,因为返回304,表示该文件最后更新日期没有发生改变,所以从缓存中读取
该文件。
两 次请求有什么不同,第一次200请求成功请求,所以接受的数据大小为js的大小15.9K,第二次304,只返回
一个状态,表示该文件最后更新时间没有改 变,文件可以从浏览器缓存中取得。从这也可以看出在ie中点刷新
和在地址栏打回车并不一样,点刷新素有文件都会像服务器发送请求,只是如果文件被缓存,只 返回304状态,
在地址栏打回车时,缓存的内容不会像服务器发送请求,直接从缓存中获取,httpwatch中result中显示为(cach
e)。当然 点击每一条明细,也可以在下面的详细信息中查看是否被缓存,如何缓存,过期时间、健等信息。
  还有其他信息,如cookies、queryString等信息,这里就不一一列举,大家多使用使用就熟悉了。

httpwatch7 <wbr>timechart <wbr>解析The Blocked time includes any pre-processing time (such as cache
lookup) and the time spent waiting for a network connection to become available. Internet Explorer will only
create a maximum of two concurrent network connections per host name (i.e. www.microsoft.com) and wil
queue up requests until a network connection is available. Often the Blocked time is the most significant facto
r in the download time of images embedded in a web page.

闭塞时间,包括所有的过程之前的时间(像,cache对比)和等待网络链接的时间,IE在每个主机名(像www
.microsoft.com)下最多只创建两个当前的网络连接,而且要排队等待直到这个网络链接可用,通常,闭塞
时间影响网页中图片加载时间的重要因素。

Connect is the time required to create a TCP connection to the web server (or proxy). If a secure HTTPS conn
ection is being used this time includes the SSL handshake process. Keep-Alive connections are often used to av
oid the overhead of repeatedly connecting to the web server.

连接时间,是创建TCP连接到服务器或者代理服务器所花费的时间,如果一个包含SSL的安全的HTTPS连接存在,
Keep-Alive链接经常被用到,以避免多次重复的连接WEB服务器。

Send is the time required to send the HTTP request message to the server and will depend on the amount of d
ata that is sent to the server. For example, long Send times will result from uploading files using an HTTP POST

发送,是发送HTTP请求到服务器的时间,而且这个时间取决与发送请求的数据量的大小,例如,长的发送时间
是由于用PSOT方式上传文件造成的。

Wait is the idle time spent waiting for a response message from the server. This value includes delays introduce
d due to network latency and the time required to process the request on the web server.

等待,是花费在等待服务器响应消息的空闲时间,这个值包括网络延迟和服务器处理请求的时间。

Receive is the time taken to read the response message from the server. This value will be depend on the size o
f the content returned, network bandwidth and whether HTTP compression was used.

接收,是花费在从服务器读取响应消息的时间。这个值可以受到请求消息内容的大小,网络带宽和是否使用了
HTTP压缩。

Cache Read is the time taken to read the content from the browser cache during (Cache) or 304 responses.

缓存读取,是花费在从浏览器缓存中读取内容或者304响应的时间。

TTFB (or Time To First Byte) is the duration from the initial network request being initiated by the browser to th
e first byte being received from the server. It includes TCP connection time, the time to send the request and
the time taken to get the first byte of the response message.

TTFB,是最初的网络请求被发起到从服务器接收到第一个字节这段时间,它包含了TCP连接时间,发送HTTP请
求时间和获得响应消息第一个字节的时间。

Network is the total duration of all network related operations for an HTTP request.

Network,是所有的对一个HTTP请求的相关操作的这段时间。

qqq911 发表于 2018-5-28 10:43:10

感谢分享

Miss_love 发表于 2020-12-29 16:48:55

支持分享
页: [1]
查看完整版本: httpwatch timechart 解析