Chrome DevTools - 时间选项卡中的“排队”是啥意思？

Posted 2023-02-27

【中文标题】Chrome DevTools - 时间选项卡中的“排队”是啥意思？

【英文标题】：Chrome DevTools - what does 'Queueing' means in the Timing tab?Chrome DevTools - 时间选项卡中的“排队”是什么意思？

【发布时间】：2016-03-06 17:44:43

【问题描述】：

在 DevTools 的 Timing 选项卡中，您可以看到以下状态：

_

除了“排队”之外，所有状态都在 DevTools 文档中进行了说明。你知道浏览器在排队阶段做什么吗？我们在说什么队列？

谢谢

此外，排队似乎可以在连接设置开始时发生，也可以在“请求/响应”阶段开始时发生？

【问题讨论】：

@paul-irish 的answer on emptiness 应该涵盖您正在寻找的信息。

好的，谢谢。信息量很大，是不是意味着可以在“Stalled”和“Request sent”之前进行排队？

是的，队列发生的原因有很多，并且可能在请求生命周期的多个点发生。

What the emptiness mean in devtools timings?的可能重复

【参考方案1】：

发件人：https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing

排队

如果请求排队，则表明：

请求被渲染引擎推迟，因为它的优先级低于关键资源（例如脚本/样式）。这通常发生在图片上。 请求被搁置以等待即将释放的不可用 TCP 套接字。 请求被搁置，因为浏览器仅允许 HTTP 1 上每个源的六个 TCP 连接。 创建磁盘缓存条目所花费的时间（通常非常快。）

@cyptus 评论更新：

使用 chrome v76，网络选项卡将隐藏 CORS 预检 (OPTIONS) 请求。触发此 CORS 的请求将包括（不可见的）OPTIONS 请求在排队时间中所用的时间。

@tamilsweet 评论更新：

要显示 CORS 预检，请关注 Chrome not showing OPTIONS requests in Network tab

【讨论】：

使用 chrome v76，网络选项卡将隐藏 CORS 预检 (OPTIONS) 请求。触发此 CORS 的请求将包括（不可见的）OPTIONS 请求在排队时间中所用的时间。

要显示 CORS 预检，请关注 ***.com/questions/57410051/…

【参考方案2】：

另一种可能是有一个新的服务人员正在尝试安装或激活。在您的页面访问中保持 service worker url 稳定。