google-chrome - Chrome时间线标签说明

Question

这里的文档说：

请注意，第一个事件 Send Request (Calendar.html) 显示有一个由
三种蓝色阴影组成的条形图。最暗的一个标记事件本身所花费的时间，下一个对应于该事件以及所有嵌套事件所
花费的 CPU 时间（这里，它包括接收响应、接收数据等），最浅的条
表示在第一个事件开始和最后一个事件结束之间的墙上时间。

究竟是什么意思the start of the first event and the end of the last event？

Answer 1

只需展开“Send Request (Calendar.html)”事件，您就会明白这意味着什么：-) 该Send Request事件将具有关联的异步子事件，其中最后一个通常是Finish Loading. 因此，您发送请求（“发送请求”）和接收其所有数据（“完成加载”）之间的总时间，即“挂钟”时间，由最浅的条显示。

相反，第二个浅色条仅显示事件及其所有子事件的总时间（想象将事件的最暗条和所有子事件的最暗条堆叠在一起）。