这是一个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. Activiti工作流(4):编写一个HelloWorld

    版权声明:本文为博主原创文章,未经博主允许不得转载. 1.使用eclipse的activiti插件画流程图 在resource文件夹下新建一个工作流diagram 右键——new——other...— ...

  2. 压缩感知——SP(subspace pursuit)重构算法前言翻译

    压缩感知是一种採样方法,它和变换编码类似,后者被广泛用于涉及到大规模数据採样的现代通信系统中.变换编码将高维空间中的输入信号.转换成很低的低维空间中的信号.变换编码器的样例有著名的小波变换和普遍存在的 ...

  3. 我的RTOS 之二 --Threadx在skyeye上仿真測试(基于2410)

    对于RTOS 移植来说,移植平台至少要提供双方面的设备. 1.OS执行时,须要tick,所以须要提供Timer定时器 2.OS执行时,须要调度,就是挂起当前线程,把控制权交给系统,所以须要訪问系统各个 ...

  4. 基于TI Davinci架构的多核/双核开发高速扫盲(以OMAP L138为例),dm8168多核开发參考以及达芬奇系列资料user guide整理

    基于TI Davinci架构的双核嵌入式应用处理器OMAPL138开发入门 原文转自http://blog.csdn.net/wangpengqi/article/details/8115614 感谢 ...

  5. Istio Service Mash管理微服务

    Istio Service Mash管理微服务 今天的文章通过Istio开源项目展示如何为Kubernetes管理的微服务提供可见性,弹性,安全性和控制. 服务是现代软件体系结构的核心.比起复杂庞大的 ...

  6. 轻松八步搞定Cacti配置安装(原创视频)

    轻松八步搞定Cacti配置安装 1.安装web server $sudo apt-get install apache2 验证 http://localhost 2.$sudo apt-get ins ...

  7. mount---挂载文件系统

    挂载概念 Linux中的根目录以外的文件要想被访问,需要将其“关联”到根目录下的某个目录来实现,这种关联操作就是“挂载”,这个目录就是“挂载点”,解除次关联关系的过程称之为“卸载”. 注意:“挂载点” ...

  8. CSDN的个人主页如何添加微信二维码

    -–零-– 对于CSDN,这里是技术的交流的地方,有些大神,隐于此.各有各的技能,各有各的魅力. 在这里,如果有自己的能力,你想推广你个人.我想,你将你的微信二维码或者你的微信公众号的二维码放在这里, ...

  9. 洛谷 P1177 【模板】快速排序(排序算法整理)

    P1177 [模板]快速排序 题目描述 利用快速排序算法将读入的N个数从小到大排序后输出. 快速排序是信息学竞赛的必备算法之一.对于快速排序不是很了解的同学可以自行上网查询相关资料,掌握后独立完成.( ...

  10. TimePickerDialog -下划线颜色修改

    首先就是去framework下去找与之相关的theme属性 最开始的时候,直接找的是<item name="datePickerStyle">@style/Widget ...