如何解决chrome devtools的性能监视器网络下载上的烛台图的确切含义是什么?
我正在 chrome devtool 上观察网络性能。
我注意到我不知道上面烛台图的确切含义。我已经搜索了指出它的文档,但我没有找到。
我的问题如下:
- 引导细线表示什么?
- 连续的浅色粗线表示什么?
- 持续的深色粗线表示什么?
- 末尾的细线表示什么?
解决方法
您可以在此处找到该文档:https://developer.chrome.com/docs/devtools/evaluate-performance/reference/#network
- 左行是连接开始事件组之前的所有内容,包括在内。换句话说,它是请求发送之前的所有内容,独占。
- 该条的浅色部分是请求发送和等待 (TTFB)。
- 栏的深色部分是内容下载。
- 正确的一行本质上是等待主线程所花费的时间。这在“计时”选项卡中没有体现。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。