【问题标题】:Two questions regarding the net panel in FirebugFirebug中关于网络面板的两个问题
【发布时间】:2010-10-18 12:04:48
【问题描述】:

谁能告诉我关于 firebug 中网络面板的两件事?

  1. 为什么第一行和后面的行之间有“距离”?那里发生了什么?
  2. 右边蓝线和红线的具体含义是什么?

非常感谢任何帮助 - 提前非常感谢...

alt text http://www.walkner.biz/_temp/firebug.png

【问题讨论】:

  • 您使用的是什么操作系统和 FF 浏览器版本?
  • 操作系统:Windows XP FF 版本:3.0.8 Firebug:1.3.3b2
  • 第一行之后的大延迟可能是由于 XHR 请求。你能分享剩下的输出吗?

标签: performance firebug analysis


【解决方案1】:

蓝线和红线标记 javascript 事件(DOMContentLoaded 和加载)何时触发。

DOMContentLoaded and load 的 mozdev 文档:

当文档的 DOM 内容完成加载时在 Window 对象上触发,但与“加载”不同的是,它不会等到所有图像都加载完毕。

【讨论】:

    【解决方案2】:

    但我的问题是为什么是第二项 直到那时才加载...不应该吗 立即开始? – 斯沃克纳

    在我的机器上,它几乎是连续的。我会将延迟贡献给处理和呈现数据所需的 CPU 时间。

    我猜蓝线是浏览器开始显示时,红线是布局完成时。

    【讨论】:

      【解决方案3】:

      从最左边到最右边是总加载体验的时间(1.03s)。

      第二项“?”直到整个加载过程大约 75% 才开始加载。

      【讨论】:

      • 但我的问题是为什么第二个项目直到那时才加载......它不应该立即开始吗?
      • 你能显示前几行加载了哪些项目吗?这将有助于我们确定延迟。
      • @Swalkner :我猜第二项依赖于第一项(例如,html 是第一项,img 标签是第二项)。在这种情况下,差距是浏览器解析 HTML 并找出存在 img 标签所花费的时间,之后它开始请求 img(第二项)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多