在浏览器中记录本地页面加载时间

Question

我正在尝试根据我的实际浏览习惯生成页面加载时间（从HTML的第一个字节到onload事件的时间）的日志。例如，在执行谷歌搜索之后，理想的解决方案就会产生如下日志：

http://google.com/ 523
https://www.google.com/search?q=asdf 1003

页面占用523ms和1003。

在Linux或Mac上运行的firefox或chrome扩展程序非常理想，因为我正在尝试在正常的日常浏览环境中进行跟踪。

Answer 1

你需要提琴手。 http://www.fiddlertool.com

另一个在评论中提出要求的伟大工具是dynatrace ajax。 http://ajax.dynatrace.com/ajax/en/它挂钩浏览器并保持实际渲染和js时间的指标。 http://ejohn.org/blog/deep-tracing-of-internet-explorer/

Answer 2

加文， 尝试在FireFox中使用FireBug插件。 http://getfirebug.com/ 它会显示文件何时启动并停止相对于所有其他文件的加载。

值得一试。

此致 Ninad

Answer 3

如果安装NetExport Firebug extension，它将允许您将所有收集和计算的数据从Firebug Net面板导出为HTTP存档（HAR）格式文件（基于JSON）。

然后，您可以使用HAR Viewer或other tools查看包含加载时间的文件。