首页 > 其他分享 >Chrome控制台中network底部概要参数

Chrome控制台中network底部概要参数

时间:2024-02-02 10:22:27浏览次数:20  
标签:Load Finish 请求 Chrome 加载 DOMContentLoaded 控制台 页面 network

概要参数

1、requests => 资源请求总数;
2、transferred => 网络加载资源大小;
3、resources => 页面所有资源总大小(包含网络资源、浏览器缓存解析后的资源等);
4、Finish => 所有请求从发起到响应完成时间(注意:请求不只是XHR,页面请求和页面解析也是不同线程,不直接相关);
5、DOMcontentLoaded => HTML DOM结构树加载完成时间(不含样式表、媒体资源等);
6、Load => 页面所有内容加载完成时间(包含DOM结构、外部资源);

DOMContentLoaded 和 Load 和 Finish的区别

DOMContentLoaded 和 Load

DOMContentLoaded:DOM树构建完成。 即HTML页面由上向下解析HTML结构到末尾封闭标签

Load:页面加载完毕。 DOM树构建完成后,继续加载html/css 中的图片资源等外部资源,加载完成后视为页面加载完毕。

DOMContentLoaded 会比 Load 时间小,两者时间差大致等于外部资源加载的时间。

Finish

Finish: 是页面上所有 http 请求发送到响应完成的时间, HTTP1.0/1.1 协议限定,单个域名的请求并发量是 6 个,即 Finish 是所有请求(不只是XHR请求,还包括DOC,img,js,css等资源的请求)在并发量为6的限制下完成的时间。

Finish 的时间比 Load 大,意味着页面有相当部分的请求量,

Finish 的时间比 Load 小,意味着页面请求量很少,如果页面是只有一个 html文档请求的静态页面,Finish时间基本就等于HTML文档请求的时间。

页面发送请求和页面解析文档结构,分属两个不同的线程,

所以 Finish 时间与DOMContentLoaded 和 Load 并无直接关系

标签:Load,Finish,请求,Chrome,加载,DOMContentLoaded,控制台,页面,network
From: https://www.cnblogs.com/alioth01/p/18002660

相关文章

  • 手动启动chrome 后。python然后接管控制
    手动启动chrome后。python然后接管控制应用场景: 1要求输入点选验证码2要求输入手机验证码的网站 startchrome--remote-debugging-port=9527--user-data-dir="D:\pro-zp\selenium" 第一步手动启动 cdC:\Users\hp\AppData\Local\Google\Chrome\Appl......
  • 解决 Chrome 120 开发人员工具 无法粘贴代码
    解决Chrome120开发人员工具无法粘贴代码开发人员工具的新功能(Chrome120)https://developer.chrome.com/blog/new-in-devtools-120?hl=zh-cn【状况】:新增Self-XSS保护警告无法顺利无法在开发人员工具(DevTools)console贴上代码正常应该要跳出提示窗口但目前wind......
  • Selenium】控制当前已经打开的 chrome浏览器窗口
    Selenium】控制当前已经打开的chrome浏览器窗口前言有过几个小伙伴问过我如何利用 Selenium 获取已经打开的浏览器窗口,这里给安排了,还安排了两篇。这里使用 chrome浏览器 来做示例。整个下来主要有两个步骤,手动打开浏览器,使用 Python程序 去获取到手动打......
  • 【Selenium】控制当前已经打开的 chrome浏览器窗口(高级版)
    【Selenium】控制当前已经打开的chrome浏览器窗口(高级版)前言 https://blog.csdn.net/weixin_45081575/article/details/126389273利用 Selenium 获取已经打开的浏览器窗口,全python操作不同的是,本次全是用python来进行操作,省去了手动打开浏览器的操作,也相当于是......
  • Install nfs (network file system)
    1.whatisnfsusedfor?nfsisnetworkfilesystem,itisusedwhenmultiplecomputersneedtoaccessonedirectory.2.ComputerEnvironmentOS:Ubuntu20.043.Installandconfignfsserver3.1.Installnfsserver#执行以下命令安装NFS服务器,​#apt会自动安装......
  • 【idea系列】控制台日志打印乱码
    0x00中文乱码idea控制台输出日志为中文乱码,如图:0x01解决方案1.idea配置支持中文字体2.tomcat运行环境配置utf-8新增内容:-Dfile.encoding=UTF-83.idea配置vmoption新增内容:-Dfile.encoding=UTF-84.重启idea一定要记得重启idea。5.结果......
  • 神经网络优化篇:将 Batch Norm 拟合进神经网络(Fitting Batch Norm into a neural netwo
    将BatchNorm拟合进神经网络假设有一个这样的神经网络,之前说过,可以认为每个单元负责计算两件事。第一,它先计算z,然后应用其到激活函数中再计算a,所以可以认为,每个圆圈代表着两步的计算过程。同样的,对于下一层而言,那就是\(z_{1}^{[2]}\)和\(a_{1}^{[2]}\)等。所以如果没有应用Bat......
  • chrome驱动 selenium
    chrome驱动selenimchromedriver下载地址:ChromeDriver-WebDriverforChrome-Downloads官网下载地址: https://chromedriver.com/官网下载地址114版本以下:ChromeDriver114andolderversionsdownloadChromeDriverDownloadReleaseStable/Beta/Dev/Canary......
  • 将idea控制台打印的内容存到文本中
    因为idea控制台打印的数据不是完整的,但是因为开发需要我们需要拿到完整的日志文件,所以有了如下操作  ......
  • QT Creator12.0.1运行普通C/C++程序时候没有控制台输出
    问题:QTCreator12.0.1运行普通C/C++程序时候没有控制台输出菜单栏选择:[编辑]->[设置],按下图依次设置。启用终端输出,还有去掉内部终端输出的选项运行后控制台窗口正常弹出......