在Chrome开发者工具中闲置和其他时间.为什么浏览器长时间不活动?

sim*_*eco 16 performance timeline google-chrome developer-tools google-chrome-devtools

"闲置"和"其他"时间包含在Chrome开发者工具的时间线标签选项卡中的内容是什么?

在此输入图像描述

是什么原因导致无所作为?

为什么会这样?

如何减少这些时间?可能吗?

为什么浏览器长时间不活动(在空闲时间内)?

在超过1.8秒的开始没有任何反应:

在此输入图像描述

在中间,"空闲"和"其他"占用约0.3秒:

在此输入图像描述

几乎3秒结束时没有任何反应:

在此输入图像描述

在这个例子中,我们有几乎五秒的不活动浏览器......

sim*_*eco 6

当浏览器尚未完成页面在屏幕上的最终呈现但必须暂停该进程,同时等待恢复和完成它所需的丢失数据或资源时,就会出现“空闲”状态。

我们可以处理较长的“空闲”期,例如,当浏览器等待服务器端长时间生成的同步响应时。

“空闲”状态不应与“正在加载”状态混淆,“正在加载”状态是浏览器实际上传响应的时间(从第一个字节到最后一个字节),而不是从发送请求到上传响应的时间。

“其他”状态表示除饼图中列出的活动之外的所有浏览器活动的时间,例如 DOM 树构建、CSSOM 等。

这个问题在“渲染树构建、布局和绘制”网站上有部分解释。