这是一个IE的插件,下载可以点这里。下载后解压如下图所示,一共有4个文件。HttpWatch

Professional是单独软件,可以单独使用。

解压后有四个文件

插件安装时,只需运行httpwatchpro.exe,通常的安装过程。然后打开浏览器,就可以看到已经安装好的插件了。

插件安装成功

?下面以百度为例来看TimeChart,详解捕捉到的网页的详细各个响应时间。

httpwatch截取百度总图
时间的具体项

选择任意一条捕捉到的访问步骤,来详细学习时间轴的各个项的具体含义。

访问网页的时间轴示例

?

blocked:浏览器预处理时间(例如读取本地缓存的时间)、等待网络连接成功的时间。IE对一个主机名最多(例如www.baidu.com)可以同时创建2个网络连接,对于其他的连接将进入排队等待,直到其他连接完成。一般来说Blocked时间是网页中对于图片的下载时间最有意义的一个要素。

我们这里持续的是时间0.026秒。如果本地缓存比较多,那么这个部分的时间自然占用大。?

DNS
Lookup:是把主机名转换成IP地址的时间。在这个网页被访问的时候,一般DNS只会被解析一次。因为解析一次后,这个主机对应的IP地址将被缓存在本地。

Connect:表示连接的时间,是创建一个TCP连接到网络服务器(或代理)。如果一个安全的HTTPS连接则包含SSL的握手时间。保持有效连接,经常用来避免过频反复连接网络服务器。

Send:从HTTP请求开始发送到请求发完的时间,这个时间长短依赖于发送到服务器的数据的多少。例如,若Send时间很长,是由于用HTTP
POST上传文件所花费时间的结果。

Wait:是等待请求发送完到接收到服务器反馈的时间,相对比较准确的服务器的处理能力,但是不是绝对等于服务器响应时间。这个数值包括网络的潜在时间、服务器的应答过程时间。

例如,我们可以比对,不同网站的Wait的时间,可以相对的了解,服务器的相应时间。?

Receive:从响应的第一个字节开始,到把响应接收完为止的时间。这个时间主要依赖于文本的大小,也依赖于网络带宽和是否有使用HTTP压缩等。

两个汇总时间:

1)TTFB
(or Time To
First
Byte) 从开始发送请求到接收到请求的时间。?

TTFB (or Time To First
Byte)
是浏览器的初始化到从服务器接收到的第一个字节的时间。这个时间段是网络的时间,主要包含了TCP连接的时间、发送请求的时间和从服务器接收到的第一个字节。

?TTFB =Connect Send Wait

2)Network与网络相关的HTTP请求时间,汇总时间

Network?=TTFB Receive?

HttpWatch的指标说明:Blocked、Connect、Send、Wait、Receive(转)

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 will queue up
requests until a network connection is available. Often the Blocked time is the
most significant factor 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 connection is being used this time includes the SSL handshake
process. Keep-Alive connections are often used to avoid 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 data 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 introduced 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 of 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 the 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请求的相关操作的这段时间。

HttpWatch--time chart分析的更多相关文章

  1. HttpWatch的时间分析

    HttpWatch的时间段捕捉详解 这是一个IE的插件,下载可以点这里.下载后解压如下图所示,一共有4个文件.HttpWatch Professional是单独软件,可以单独使用. 解压后有四个文件 ...

  2. 前端性能分析:分析百度和sogou

    先用httpwatch录制这两个网站:www.baidu.com  www.sogou.com 由上图可以看到: 百度用时0.278s 发送7831B 接收36620B 13个请求 搜狗       ...

  3. 软件测试Web数据分析工具HttpWatch安装

    1.下载破解版:http://www.pc6.com/softview/SoftView_13845.html 2.安装时引入授权文件并汉化: 3.打开IE9,菜单:管理加载项->工具栏和扩展, ...

  4. 2016C#模拟谷歌Google登陆Gmail&Youtube小案例

    之所以写这个,是因为本来想写一个Youtube刷评论的工具,把登录做出来了,后面就没继续做下去. 涉及到基本的HttpWatch的应用以及Fiddler的应用(Fd主要用来排查问题,通过对比 浏览器和 ...

  5. IE插件收集

    IEWatch IEWatch是一个微软IE的内置插件,可以让你看到和分析HTTP/HTTPS头信息,Cookies以及通过GET和POST提交的数据.我是经常用来看页面加载时间 下载最新版本请访问: ...

  6. HttpWatch的Result中出现Aborted的原因分析[配图]

    我们在使用HttpWatch进行Web调试的过程中有时候会看到非HTTP Status Code(状态码)的值,例如:(Aborted). (Aborted)是HttpWatch中定义的三种非HTTP ...

  7. 两款HTTP流量分析工具HttpWatch与Fiddler的比较(转)

    最近突然想看看HTTP的消息到底是怎么回事,在网上搜了几款软件来监控,并且搜到了下面的文章,感觉介绍的不错,就copy下来了.下文摘自:http://www.imkevinyang.com/2009/ ...

  8. HttpWatch的Result中出现Aborted的原因分析

    我们在使用HttpWatch进行Web调试的过程中有时候会看到非HTTP Status Code(状态码)的值,例如:(Aborted). (Aborted)是HttpWatch中定义的三种非HTTP ...

  9. Rails-treasure chest4: 使用图表对资料进行分析chart.js(及其他);管理用户权限的gem 'Pumdit'(6000🌟)

    * 多档案上传* 图表资料分析  Chartkick gem或者 chart.js* 用户权限控管  gem Pundit (6000✨) *HTML E-mail 寄送 : gem premaile ...

随机推荐

  1. SelectSort

    /**简单选择排序*/ #include<cstdio> #include<algorithm> using namespace std; int a[]={5,2,1,3,4 ...

  2. vue UI 框架

    (1)Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element (1-1)Vuetify   最新的ui 框架 ...

  3. Yahoo!团队:网站性能优化的35条黄金守则(转)

    Excetional Performance 团队总结出了一系列可以提高网站速度的方法.可以分为 7大类 35条.包括内容 .服务器 . CSS . JavaScript .Cookie .图片 .移 ...

  4. POJ 2039 Floyd

    句意理解题 解释输入好啦: 第一行n个数 m场电影 随后m行 每行的第一个数 代表 有k奶牛在这个电影中出现过 随后k个数 是奶牛的编号 如果两头奶牛在同一个电影中出现过 相互度为1 奶牛们的相互度可 ...

  5. ElasticSearch 工作原理

    ElasticSearch 工作原理图 文字说明,以后更新

  6. Server.MapPath()的用法

    http://blog.csdn.net/qiuhaifeng_csu/article/details/19416407 Server.MapPath(string path)作用是返回与Web服务器 ...

  7. find---查找文件或目录

    ind命令用来在指定目录下查找文件.任何位于参数之前的字符串都将被视为欲查找的目录名.如果使用该命令时,不设置任何参数,则find命令将在当前目录下查找子目录与文件.并且将查找到的子目录和文件全部进行 ...

  8. 如何优雅的写UI——(2)MFC下基于CFormView的文档视图程序

    在MFC中可以创建多种类型的窗口程序,如对话框程序.单文档结构程序(非文档/视图结构).单文档(文档/视图结构)以及多文档视图结构程序等. 在编写一般的小工具时,我们的首选显然是对话框程序,不过基于对 ...

  9. 6. oracle学习入门系列之六 模式

    oracle学习入门系列之六 模式 上篇咱们学习记录了ORACLE数据库中的数据库结构.内存结构和进程等.篇幅 蛤蟆感觉偏多了.这次要休整下,每次笔记不宜太多,不然与书籍有何差别. 我们要保证的是每次 ...

  10. 嵌入式 Linux应用程序如何读取(修改)芯片寄存器的值

    这一问题来自项目中一个实际的需求:我需要在Linux启动之后,确认我指定的芯片寄存器是否与我在uboot的配置一致. 举个例子:寄存器地址:0x20000010负责对DDR2的时序配置,该寄存器是在u ...