【问题标题】:What the emptiness mean in devtools timings?devtools 计时中的空虚意味着什么?
【发布时间】:2015-09-15 05:39:18
【问题描述】:

检查此图片与网页抓取的时间。

开始时灰色表示停止时间,绿色表示等待时间,蓝色表示接收数据。中间还有一个空洞的、刺眼的虚无……那是什么?

图片来自 Google Chrome 43,普通开发工具。

【问题讨论】:

  • 你能分享你正在调试的网站的网址吗?我无法在任何地方重现(我在“灰色”之前得到“虚无”,而不是之后)。
  • 我看到你指向@KonradDzwinel。服务器端是我自己的服务器,我面对 Internet 的部署没有显示问题。但我期待了解 Chrome 对空白空间的总体含义。
  • 空白空间意味着“排队”,至少在Chrome Canary 中是这样标记的。但是,据我了解“排队”,它不应该在“停滞时间”之后发生。请在 Canary 中测试您的网站并分享结果。

标签: google-chrome google-chrome-devtools


【解决方案1】:

我已经在 chromium 错误中为它写了一个详尽的解释: Issue 476749: DevTools: [network] explain empty bars preceeding request..

这里是要点,空酒吧时间通常是几件事之一

  • 请求被推迟,因为它的优先级低于脚本/样式(例如图像)
  • 在我们等待即将释放的可用 TCP 套接字时,请求被搁置
  • 请求被搁置,因为浏览器每个主机只进行 6 个连接。
  • 创建磁盘缓存条目所花费的时间(通常非常快)

您可以右键单击标题以打开“连接 ID”,以查看不同的请求是否共享同一个 TCP 连接。 WebPageTest 的连接视图也可以提供帮助。

但从上面的屏幕截图中,预加载扫描器似乎识别了页面所需的许多脚本、样式和图像。它快速启动样式和脚本,并将图像排队等待稍后完成。由于每个主机规则有 6 个连接,它们被延迟了。

【讨论】:

    猜你喜欢
    • 2023-04-03
    • 2015-06-23
    • 2023-03-10
    • 2021-05-25
    • 2013-01-21
    • 1970-01-01
    • 2011-08-27
    • 1970-01-01
    • 2020-01-08
    相关资源
    最近更新 更多