在Chrome开发工具时间轴中：网络行中资源下载的灰色栏是什么？

Question

我在Chrome开发工具中有以下视图：

围绕紫色CSS请求的灰色栏是什么意思？ 我假设请求之前的部分是排队时间，但之后呢？ 这段时间是用于解析CSS还是阻止等待其他东西？ 我该如何更详细地确定这一点？

如果有帮助，我已经包含了时间轴的“主要”部分：

这里的CPU配置文件：

从这些视图中我可以看到“解析HTML”和“评估/编译脚本”。 这是否意味着页面在该脚本评估上是阻塞的，还是包括CSS解析？ 我稍后会看到“Parse Stylesheet”，所以我认为灰色条表示在下载后CSS上没有活动的阻塞。

Answer 1

当我的HTML加载时，我能够将灰色条与与脚本评估相关的空闲时间相关联。 所以，基本上，这是阻止等待HTML评估完成的时间。 特别是，我启用了LastPass，并且正在对我的HTML运行评估。 下面，我已经包含了一个图表：

一旦我关闭了扩展，这个空闲时间就消失了。