javascript - 在 Chrome 开发工具时间线中 : What are the gray bars surrounding resource downloads in the network row?

Question

我在 Chrome 开发工具中看到以下 View :

紫色 CSS 请求周围的灰色条意味着什么？我假设请求之前的部分是排队时间，但是之后呢？这个时间是花在解析 CSS 还是阻塞等待其他事情上？我怎样才能更详细地确定这一点？

如果有帮助，我已包含时间线的“主要”部分:

CPU 配置文件如下:

从这些 View 中我可以看到“解析 HTML”和“评估/编译脚本”。这是否意味着该页面在该脚本评估上被阻止，或者可能包括 CSS 解析？我稍后看到“解析样式表”，所以我认为灰色条表示下载后 CSS 上没有事件的阻塞。

Answer 1

我能够将灰色条与加载 HTML 时与脚本评估相关的空闲时间关联起来。因此，本质上，这是等待 HTML 评估完成的阻塞时间。特别是，我启用了 LastPass，并且它正在对我的 HTML 进行评估。下面，我附上了一个图表:

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