5

我正在用弱 CPU 和 WebKit 在嵌入式硬件上设计一个 JavaScript/HTML 驱动的用户界面。

性能并不理想,我想对应用程序进行分析,特别是对回流和重绘事件进行计时,以获得有关实际性能的硬数据,而不是主观和不断变化的意见。

在之前和之后使用常规的“getTime()”进行计时是行不通的,因为 WebKit 将重排和重绘推迟到事件处理程序之后。

我尝试在 Speed Tracer 下分析应用程序,但计算非常便宜,以至于回流事件甚至不会出现在 PC 硬件上。我想一些更专注于回流/重绘的工具可能仍然有用。

关于如何为此获取硬数据的任何提示?

4

2 回答 2

2

这些链接可能会有所帮助。JP 中的某个人发现了一种方法可以很好地可视化壁虎的回流:http: //blog.mozilla.com/gen/2009/04/09/how-to-make-your-own-gecko-reflow-视频/

不幸的是,这需要一个自定义的 firefox 构建。此处的说明:https ://developer.mozilla.org/En/Simple_Firefox_build

于 2011-04-25T20:50:35.100 回答
1

执行诸如获取文档高度之类的操作会强制重排。也许您可以将它与 getTime() 结合使用。

例如:

var t1, t2;
t1 = new Date().getTime();

// Do some DOM manipulation

// Force reflow
document.body.offsetHeight;

t2 = new Date().getTime();
console.log(t2 - t1);
于 2011-01-18T08:55:39.153 回答