chrome devtools 的性能监视器网络下载中的烛台图的确切含义是什么?
What is the exact meaning of the candlestick chart on the network download of performance monitor of the chrome devtools?
我正在 chrome devtool 上查看网络性能。
我注意到我不知道上面 chandlestick 图表 的确切含义。我已经搜索了指出它的文档,但我没有找到它。
我的问题如下:
- 前导细线表示什么?
- 连续的浅色粗线表示什么?
- 连续的深色粗线表示什么?
- 最后细线表示什么?
您可以在此处找到文档:https://developer.chrome.com/docs/devtools/evaluate-performance/reference/#network
- The left line is everything up to the Connection Start group of events, inclusive. In other words, it's everything before Request Sent, exclusive.
- The light portion of the bar is Request Sent and Waiting (TTFB).
- The dark portion of the bar is Content Download.
- The right line is essentially time spent waiting for the main thread. This is not represented in the Timing tab.
我正在 chrome devtool 上查看网络性能。
我注意到我不知道上面 chandlestick 图表 的确切含义。我已经搜索了指出它的文档,但我没有找到它。
我的问题如下:
- 前导细线表示什么?
- 连续的浅色粗线表示什么?
- 连续的深色粗线表示什么?
- 最后细线表示什么?
您可以在此处找到文档:https://developer.chrome.com/docs/devtools/evaluate-performance/reference/#network
- The left line is everything up to the Connection Start group of events, inclusive. In other words, it's everything before Request Sent, exclusive.
- The light portion of the bar is Request Sent and Waiting (TTFB).
- The dark portion of the bar is Content Download.
- The right line is essentially time spent waiting for the main thread. This is not represented in the Timing tab.