微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

chrome devtools的性能监视器网络下载上的烛台图的确切含义是什么?

如何解决chrome devtools的性能监视器网络下载上的烛台图的确切含义是什么?

我正在 chrome devtool 上观察网络性能

enter image description here

我注意到我不知道上面烛台图的确切含义。我已经搜索了指出它的文档,但我没有找到。

enter image description here

我的问题如下:

  1. 引导细线表示什么?
  2. 连续的浅色粗线表示什么?
  3. 持续的深色粗线表示什么?
  4. 末尾的细线表示什么?

解决方法

您可以在此处找到该文档:https://developer.chrome.com/docs/devtools/evaluate-performance/reference/#network

  • 左行是连接开始事件组之前的所有内容,包括在内。换句话说,它是请求发送之前的所有内容,独占。
  • 该条的浅色部分是请求发送和等待 (TTFB)。
  • 栏的深色部分是内容下载。
  • 正确的一行本质上是等待主线程所花费的时间。这在“计时”选项卡中没有体现。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。