chrome保存请求记录与请求耗时分析

当我们访问某个页面,想要查看页面的请求记录 大多数情况下是可以看到的,但譬如在页面进行数据提交(登陆等)或者打开某页面而页面又进行了重定向,这样会因为页面的刷新而导致我们看不到任何请求记录;
谷歌浏览器提供了一个很不错的选项:

原始访问的是index.php此时我打开了preserver Log然后点了一个A标签跳转到了a.php可以看到network里面也保留了index.php的访问记录

当一个页面访问非常耗时的时候 我们通常需要排查到底是在哪一步花费了大量时间可以通过
chrome://net-internals/#events 页面来捕获事件日志

先搜索我们的访问地址 如果链接过多可以点击右侧的小三角 然后选择reset重新统计
选中Source Type为 URL_REQUEST的那个 这时候右侧会出现所有的请求流程
流程日志总体分为三列
第一列t=X 为时间线,自请求发起时算
第二列st=Y 每步操作所逝去的时间,并且会累积前面的时间
第三列[dt=Z] 为具体的事件,以及相应事件的耗时dt,此耗时为绝对耗时。+号对应事件开始,-号对应事件结束,也就是说他们必然成对出现。住里是展开后更加详细的子事件。直到不能再细分。
以下面的为例

t=5623 [st= 8]     +HTTP_STREAM_REQUEST  [dt=2]
t=5623 [st= 8]        HTTP_STREAM_JOB_CONTROLLER_BOUND
                      --> source_dependency = 101387 (HTTP_STREAM_JOB_CONTROLLER)
t=5625 [st=10]        HTTP_STREAM_REQUEST_BOUND_TO_JOB
                      --> source_dependency = 101388 (HTTP_STREAM_JOB)
t=5625 [st=10]     -HTTP_STREAM_REQUEST

事件HTTP_STREAM_REQUEST的开始时间是5623毫秒[t=5623] 耗时2毫秒[dt=2],当前总请求已耗时8毫秒[st=8]
备注: 1秒=100毫秒 1毫秒=1000微秒 1微秒=1000纳秒
图一的总耗时约为37毫秒
再看图二的第一行

t=5615 [st= 0] +REQUEST_ALIVE  [dt=35]

总耗时35毫秒 有2毫秒的大概差距 太清楚为什么

如果排查问题原因 可以去看具体事件的耗时 然后再具体分析

原文地址:https://blog.51cto.com/6292848/2378861

时间: 2024-11-07 15:28:08

chrome保存请求记录与请求耗时分析的相关文章

PA模块报错-实际返回的行数超出请求的行数(分析标准FORM报错解决思路)

录入预算报错时报错: 分析:这个错误是select into 语句返回多行的结果,但具体在哪? 两种方法查找,trace 或者debug 1.trace 启用调试 获取trace文件 -bash-3.2$ tkprof ERPDEV_ora_7532_RICK.trc $HOME/7532_rick.fchela.txt TKPROF: Release 11.2.0.2.0 - Development on Mon Jul 28 11:21:34 2014 Copyright (c) 1982,

iOS开发工具-如何使用网络封包分析工具Charles,通过配置proxy对http、https、tcp、udp 等协议的请求响应过程交互信息进行分析、判断、解决我们移动开发中的遇到的各种实际问题。

通过该方式同时也可以实现底层网络库AFNetworking及ASIHTTPRequest的代理设置.达到我们开发时的抓包分析及 IP地址指定访问开发/仿真任一台提供API接口服务器的目的. 首先下载Charles并配置我们的开发机iPhone终端的代理IP及Charles配置一下, 步骤如下: 1).取得mac本机的IP地址:如下图中的:192.168.1.106 如图: 2).通过下载的Charles来配置我们的代理服务器: 如下图: 将我们的开发机iphone终端代理设置成我们mac本的ip

Chrome不支持本地Ajax请求,解决办法

Chrome不支持本地Ajax请求,当我在.html文件中访问.json文件时就会出现这个问题,就是说这个时候不能加载这个.html文件. 解决方式 打开Chrome快捷方式的属性中设置: 右击Chrome浏览器快捷方式,选择"属性", 在"目标"中加上"--allow-file-access-from-files",注意前面有个空格, 重启Chrome浏览器便可.

httpd日志记录客户端请求的域名

httpd日志记录客户端请求的域名. 正常情况下,根本就没有必要记录这一项,毕竟咱们大都根据虚拟主机来设置相应的访问日志,但也有个别的情况,比如 ServerName *.abc.com      这样泛解析的形式,所以有必要记录一下用户请求的域名到底是哪个.    apache的LogFormat 中正好有一项值满足了这个需求.即 %V 这里是大写的V ,小写的v记录的是咱们在虚拟主机中设置的ServerName ,这个的确是没有必要记录的. http://www.apelearn.com/b

Chrome不支持本地Ajax请求解决?

今天用JQuery操作Ajax时,使用load方法加载html块 结果提示: XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed access 原因如下: Chrome不支持本地Ajax请求,当我在.html文件中访问使用load方法加载文件时就会出现这个问题,就是说这个时候不能加载这个.html文件. 解决方式 打开Chrome快捷方式的属性中设置: 右击Chrome浏览器快捷方式,选择“属性

在nginx日志access log可以记录POST请求的参数值

1)      在nginx日志access log可以记录POST请求的参数值 实现程度:日志中可以显示POST请求所提交的参数值 问题: 日志中文显示十六进制(在配置文件中配置中文也无效) 没有对json数据进行测试,正文类型为:Content-Type: application/x-www-form-urlencoded; charset=UTF-8 配置说明: log_format指令用来设置日志的记录格式,语法: log_format name format {format ...}

HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应 本文简单总结HTTP的请求与响应. 本文主要目的是对学习内容进行总结以及方便日后查阅. 详细教程和原理可以参考HTTP文档(MDN). 本文版权归马涛涛所有. 本文所引用的图片和文字版权归原作者所有,侵权删. 如有错误请在下方评论区指出,欢迎积极讨论. 查看请求 打开 Network 地址栏输入网址 在 Network 点击,查看 request,点击「view source」 可以看到请求的前三部分了 如果有请求内容的第四

.Net HTTP请求的发送方式与分析

注:以下内容均来源于网络. https://blog.csdn.net/chen213wb/article/details/81747573 https://blog.csdn.net/qq_23034515/article/details/89226635 https://www.cjavapy.com/article/50/ ... HTTP常用请求参数 Method 请求方式:Get.Post.Put.Delete Timeout 获取或设置请求的超时值.(毫秒) ReadWriteTim

腾讯、网易、新浪新闻网站爬虫编写记录及评论格式分析

0 前言 先说说看这篇博客你能知道什么:1 腾讯.网易.新浪不同新闻的地址格式以及评论内容的地址格式(返回数据为json的异步接口):2 一些比较通用的设计方法,对软件设计的菜鸟可能有帮助: 之前也说了要写这边博客,现在终于写出来了.我的毕业设计的指导老师说毕设论文的字数不够--所以我决定把这些本不应该出现在论文中的实现细节凑到论文中.至于下面说到的东西要解决什么问题,各位可以先看看这个网站(我毕设的初步结果,目前还在优化中,包括代码结构还有UI设计):http://reetseenews.du