测量 Firefox 渲染页面和评估 JavaScript 和 CSS 所需的时间

Posted 2023-02-22

【中文标题】测量 Firefox 渲染页面和评估 JavaScript 和 CSS 所需的时间

【英文标题】：Measure the time Firefox needs for rendering a page and evaluating JavaScript and CSS

【发布时间】：2011-07-15 00:32:36

【问题描述】：

是否可以测量 Firefox 呈现页面和评估所有 javascript 和 CSS 源代码所需的时间？我尝试使用 Firebug、YSlow 和 Google Page Speed，但它们都不能满足我的特定需求。

我需要这个来分析客户的网页。但我不知道该怎么做。 在 Chrome 中似乎是可能的（开发人员工具中的“时间轴”选项卡“）。但我猜 Chrome（我有 10 版）应该比 Firefox 3.6 快得多。所以它不是我测量的有效参考系统。

谁能帮帮我？

【问题讨论】：

Firebug 中的 Net 标签有什么问题？

我只是不知道如何在那里阅读我需要知道的内容。能给我解释一下吗？

getfirebug.com/wiki/index.php/Net_Panel

'DOMContentLoaded' (event) - 触发 DOMContentLoaded 事件的时间点（从请求开始，如果请求在事件之后开始，则可能为负数）'load'（事件） - 触发页面加载事件的时间点（从请求开始开始，如果请求在事件之后开始，则可能为负数）我在哪里可以读取我需要的值（例如加载所花费的时间？）跨度>

DOMContentLoaded 由垂直蓝线表示，load 由垂直红线表示。您可以将鼠标悬停在第一个请求上，以毫秒为单位查看确切的值。

【参考方案1】：

Firebug 和你想得到的一样好，你可以试试这个：

http://www.webpagetest.org/

我在 on a Google Tech Talk 和 Edmunds 的一个人那里听说过 - 非常好

【讨论】：

谢谢 Myles，但我需要一些东西来测试离线页面

@Benjamin 如果您正在测试离线页面，您的结果将严重偏斜，因为您将从 HDD 中拉出，您不必担心访问时间和 HTTPReqs 等问题？

@Myles：好吧，也许“离线”这个词用错了。它托管在 Intranet 中。

@Benjamin 由于 LAN 上的延迟和 WAN 上的 ping 时间的延迟，您的访问时间仍然没有什么，您可以设置一个 no-index 域进行测试吗？

@Myles：但这不是我想要衡量的。我想知道我的浏览器需要构建 DOM、解析 CSS 和评估 JavaScript 的时间。

【参考方案2】：

我使用 dynaTrace AJAX 版。它适用于 Firefox 和 IE。它是一种高级分析工具。 http://ajax.dynatrace.com/ajax/en/

【参考方案3】：

你需要FireBug！ https://addons.mozilla.org/nl/firefox/addon/firebug/

【讨论】：

也许您可以向我解释一下如何使用它来满足我的需要？

getfirebug.com/wiki/index.php/Net_Panel 这是 NET 面板上的教程，它将向您展示渲染包括所有请求在内的页面需要多长时间..

Net 面板显示下载文件所需的时间，但不显示浏览器解析该文件所需的时间。