您如何测量 IE6 中的网站加载时间？答案

【问题标题】：How do you measure site load time in IE6?您如何测量 IE6 中的网站加载时间？
【发布时间】：2009-08-28 11:00:59
【问题描述】：

我正在寻找类似于Hammerhead 的内容。目前，我编写 javascript 代码进行测试，我宁愿只使用一个我可以轻松共享并具有 GUI 的工具。

编辑：如果可能的话，我希望能够跟踪加载事件并且可以轻松地进行重复测试。

【问题讨论】：

更重要的是，你为什么要为 IE6 烦恼？
@Nerdling，这不是我的决定。我自己提出了这个问题。

标签： performance optimization measurement

【解决方案1】：

Fiddler2 将为您的网页及其所有内容提供加载时间信息。此外，IE8 的开发者工具会为您指示页面内功能的加载时间。只需按 F12。

对于 Fiddler，只需加载页面并查看右侧框架中的标题/时间结果。

对于 IE8 开发者工具：

在 Profiler 选项卡中，单击 Start Profiling
重新加载页面 F5 然后在加载后按 Stop Profiling，您可以看到调用每个函数或整个调用树的时间。

您还可以使用Firebug Lite 给 IE 一些 Firebug 的爱...只需获取并记录页面加载开始时的日期...和页面加载结束时...并记录增量.

【讨论】：

但他要求IE6解决方案。
没错，Keith 正在寻找一种 IE6 解决方案...... Fiddler 将提供该解决方案（甚至适用于其他非 IE 浏览器），Firebug Lite 也适用于 IE6。如果/当 IE8 可用时，我提到了 IE8 开发工具栏作为另一个选项。 ;-)
Fiddler 很棒，我经常使用它。

【解决方案2】：

使用 Firebug Lite，首先要注意 IE8 上的 1.4 存在一个错误，我必须按照 this answer 切换回 v1.3。其次，您需要在<head> 中包含脚本链接，而不是使用书签，因为当您重新加载页面时，Firebug lite 的书签形式将消失。我花了一段时间才弄清楚记录时间的代码，我最终在 p.1 上找到了它。 15 个Firebug Guide

将此代码放入您的<head>

<script type="text/javascript" src="https://getfirebug.com/releases/lite/1.3/firebug-lite.js"></script>
<script type="text/javascript">console.time('firebug lite');</style>

然后将这段代码放在正文部分的末尾：

<script type="text/javascript">console.timeEnd('firebug lite');</style>

请注意，这只会告诉您 html、css、脚本和图像的加载时间 - 而不是服务器端代码的时间。如果你愿意，你需要按照@scunliffe 的回答使用 Fiddler

【讨论】：