如何衡量由于 Jquery 事件委托而产生的性能优势？

Question

我的网页有一个包含 500 行和 30 列的网格。每个单元格要么是一个下拉列表，要么是一个文本框。截至目前，我们正在将“更改”事件单独附加到每个元素。

最近，我了解到使用 'on' 方法的 JQuery 事件委托可以提高性能。 t

我创建了两个原型，一个带有事件委托，一个没有。

没有事件委托：

http://jsfiddle.net/djaoru53/

$(".event").click(function(){
    alert("click");
});

使用事件委托：

http://jsfiddle.net/15cswkq7/

$("#test").on("click",".event", function(){
    alert("click");
});

我应该如何衡量使用事件委托在我的网页上获得的性能改进？

我可以使用哪些工具以及我应该测量什么？

Answer 1

Jslitmus 衡量性能的好工具

其实你也可以在萤火虫中做同样的事情 阅读完整对话here

Speed tracer is also a good tool.

Here's还有一篇好文章