如何在Chrome DevTools中读取网络选项卡-加载时间

xu3bshqb  于 2023-07-31  发布在  Go
关注(0)|答案(1)|浏览(123)

我一直很好奇,因为我最近一直在与UI工作,想知道更多关于它。
x1c 0d1x的数据
我一直在阅读Chrome网络参考指南,但我不确定我是否理解正确。我主要对最下面的一行,或者说摘要窗格感到好奇。
因此,从我所看到的是,这里有30个请求,总大小为34.7 KB,但我不确定接下来的事情。所以我想知道剩下的统计数据是什么。
1)758 KB资源-这是加载和发送的总资源吗?
2)完成:448毫秒-这是整个网站完成加载所花费的时间吗?
3)DOMContentLoaded:235 ms -这是浏览器解析接收到的DOM所花费的时间吗?
4)加载:421毫秒-这是我的浏览器完成加载页面所需的所有必要资源(如字体、图片等)所需的时间吗?

zqdjd7g9

zqdjd7g91#

  • transferred表示来自网络,其余(总共758 kB)来自该高速缓存
  • finish是最后一个资源的时间戳,因此每当发出新请求时,它都会更改
  • DOMContentLoadedDOMContentLoaded事件的时间戳:

当初始HTML文档已完全加载和解析,而无需等待样式表、图像和子帧完成加载时触发

  • Loadload事件的时间戳:

当资源及其依赖资源完成加载时激发

相关问题