HttpWatch的时间段捕捉详解

这是一个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​

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的时间分析的更多相关文章

  1. paip.前端加载时间分析之道优化最佳实践

    paip.前端加载时间分析之道优化最佳实践 1.另存为 ,查看文件尺寸..和图片. 2.view the 另存为的htm静态的文件单个的加载,看时间...可以排除编程语言的问题and 数据库.. ## ...

  2. 记一次常规的Mysql数据库访问的时间分析

    背景:记一次常规的数据访问的时间分析(插入操作) 1. TCP三次握手 SYN ---> <--- SYN,ACK ACK ---> 花费时间: 386.718-385.784=0. ...

  3. paip.前端载入时间分析之道优化最佳实践

    paip.前端载入时间分析之道优化最佳实践 1.另存为 ,查看文件尺寸..和图片. 2.view the 另存为的htm静态的文件单个的载入,看时间...能够排除编程语言的问题and 数据库.. ## ...

  4. Chrome浏览器Network面板http请求时间分析

    Chrome浏览器开发者工具Network窗口下,可以查看下载各组件所需的具体时间 根据上表进行简要分析-- Stalled(阻塞) 浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经 ...

  5. Linux 建立 TCP 连接的超时时间分析(解惑)

    Linux 系统默认的建立 TCP 连接的超时时间为 127 秒,对于许多客户端来说,这个时间都太长了, 特别是当这个客户端实际上是一个服务的时候,更希望能够尽早失败,以便能够选择其它的可用服务重新尝 ...

  6. Flink Streaming基于滚动窗口的事件时间分析

    使用flink-1.9.0进行的测试,在不同的并行度下,Flink对事件时间的处理逻辑不同.包括1.1在并行度为1的本地模式分析和1.2在多并行度的本地模式分析两部分.通过理论结合源码进行验证,得到具 ...

  7. GC日志时间分析

    在GC日志里,一条完整的GC日志记录最后,会带有本次GC所花费的时间,如下面这一条新生代GC: [GC [DefNew: 3298K->149K(5504K), secs] [Times: us ...

  8. 2019-07-28【机器学习】无监督学习之聚类 DBSCAN方法及其应用 (在线大学生上网时间分析)

    样本: import numpy as np import sklearn.cluster as skc from sklearn import metrics import matplotlib.p ...

  9. 历史执行Sql语句性能分析 CPU资源占用时间分析

    SELECT     HIGHEST_CPU_QUERIES.PLAN_HANDLE,     HIGHEST_CPU_QUERIES.TOTAL_WORKER_TIME,     Q.DBID,   ...

随机推荐

  1. Codeforces 2016 ACM Amman Collegiate Programming Contest A. Coins(动态规划/01背包变形)

    传送门 Description Hasan and Bahosain want to buy a new video game, they want to share the expenses. Ha ...

  2. CSS 概念 & 作用

    http://www.cnblogs.com/moveofgod/archive/2012/09/18/2691101.html 式样定义   如何显示 HTML内容 通常存储在式样表中 作用 : 解 ...

  3. 学习.Net的经典网站

    学习.Net的经典网站 收藏 还不错推荐给大家 原文-- 名称:快速入门 地址:http://chs.gotdotnet.com/quickstart/ 描述:本站点是微软.NET技术的快速入门网站, ...

  4. 10月30日上午MySQL数据库的修改(从网页上实现对数据库的更改)

    从网页页面上对数据库进行更改,连接着之前做的增加.删除.查询. 1.先做一个修改页面 <body> <!--这个页面需要让用户看到一些数据,所以不是一个纯php页面,页面效果和增加页 ...

  5. Web开发技术发展历史

    Web开发技术发展历史   来自:天码营 原文:http://www.tianmaying.com/tutorial/web-history Web的诞生 提到Web,不得不提一个词就是"互 ...

  6. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  7. Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)

    静态文件路径设置官方说明 1. Make sure that django.contrib.staticfiles is included in your INSTALLED_APPS. 2. In ...

  8. 5Hibernate入门----青软S2SH(笔记)

    这里有个问题,就是这本书第五章的示例代码中的hibernate的jar包有问题,各种找不到类,把lib下的包后换成第六章里的包就好了. 换成5.1的就好了,而且如果只是简单使用hibernate的话, ...

  9. 【09-03】java泛型学习笔记

    静态方法的泛型 /** * @description 静态方法的泛型无法使用类定义的泛型,因为类在实例化时才确定具体的泛型类,因此静态方法要使用泛型需要使用泛型方法的方式 */ public clas ...

  10. 深入理解Java中的final关键字

    Java中的final关键字非常重要,它可以应用于类.方法以及变量.这篇文章中我将带你看看什么是final关键字?将变量,方法和类声明为final代表了什么?使用final的好处是什么?最后也有一些使 ...