什么是说明 IE 和 FireFox（或 Chrome、Safari 等）之间速度差异的 JavaScript答案

【问题标题】：What is some JavaScript that illustrates the speed differences between IE and FireFox (or Chrome, Safari, etc)什么是说明 IE 和 FireFox（或 Chrome、Safari 等）之间速度差异的 JavaScript
【发布时间】：2009-09-17 22:23:02
【问题描述】：

最近，当谈到使用 JavaScript 操作 DOM 时，我听到许多不同的人感叹 IE 与其他所有浏览器的速度差异。

我想我应该编写一个很小的脚本来查看真正的差异，但我认为我正在寻找错误的问题，因为 IE 在我开发的测试中表现得一样好或更好。

是否有人有一些 JavaScript 可以很好地说明 IE 与其他浏览器的速度差异，特别是操作 DOM 的代码？

我想测试一些优化技术，但我首先需要一个好的测试用例。

编辑：对不起，这是我的小一次性脚本：

  var counter = 0; // Global element counter

  function addCheckBoxes(){
    var container = document.getElementById('container');
    var newBox = document.getElementById('check1').cloneNode(true);
    newBox.id = '';
    container.appendChild(newBox);
  }

  function addLotsOfBoxes(){
    var thistime = new Date();
    for(i=0; i < 8000; i++)
    {
      addCheckBoxes();
    }   
    var thattime = new Date();
    var timediff = thattime - thistime;
    alert(timediff);
  }

【问题讨论】：

标签： javascript internet-explorer firefox

【解决方案1】：

mozilla 的 dromaeo 基准测试应该是对 dom 操作性能的良好测试。

还有sunspider 基准测试，但它们根本不涉及 DOM。

【讨论】：

我不知道如何将多个答案标记为正确；显然我没有足够的分数来支持这两个答案:(
dromaeo 的问题在于它的实现很糟糕——例如，有一些测试多次运行，并且计算了平均时间（这没关系），但 DOM 之间没有清除运行，因此在快速 DOM 实现中，后期运行开始使用大量内存，从而很快导致性能大幅下降。如果您在其中运行基于 webkit 的浏览器，您会因此开始在 DOM 测试中看到巨大的差异。 :-/

【解决方案2】：

我有一些过去抛出的演示

但是Nihilogic（尤其是this one）的数量很大

[edit(olliej): 哎呀，我刚刚意识到这些都不能在 IE 中工作:-( ]

【讨论】：

我不知道如何将多个答案标记为正确；显然我没有足够的分数来支持这两个答案:(