google-chrome - 了解 Chrome 网络日志 "Stalled"状态

Question

我在 chrome 中有以下网络登录:

里面有一件事我不明白:实心灰条和透明灰条有什么区别。

Answer 1

Google 在 Evaluating network performance 中对这些字段进行了分割他们的 DevTools 文档的一部分。

摘自Resource network timing :

Stalled/Blocking

Time the request spent waiting before it could be sent. This time is inclusive of any time spent in proxy negotiation. Additionally, this time will include when the browser is waiting for an already established connection to become available for re-use, obeying Chrome's maximum six TCP connection per origin rule.

(如果您忘记了，Chrome 在悬停工具提示和“计时”面板下有一个“说明”链接。)

基本上，您会看到这种情况的主要原因是因为 Chrome 一次只能为每个服务器下载 6 个文件，其他请求将被暂停，直到连接槽可用。

这不一定是需要修复的东西，但避免停滞状态的一种方法是跨多个域名和/或服务器分发文件，同时保持 CORS请记住，如果适用于您的需求，但是 HTTP2 可能是 future 更好的选择。资源捆绑(如 JS 和 CSS 串联)也有助于减少停滞连接的数量。