ESSS TestCase Performance (v3)

Revision 3 of this benchmark created by john on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="container"></div>

Teardown


    $("#container").html("");

Test runner

Ready to run.

Testing in
TestOps/sec
for var in
var myclass = {
  index: {},
  populate: function() {
    // Populate
    var html = "";
    for (var i = 0; i < 50; i++) {
      html += '<div class="some class c' + i + '">' + i + '</div>';
    }
    $("#container").html(html);
  },
  search: function() {
    for (var v in document.getElementById("container").children) {
      this.print(v);
    };
  },
  print: function(f) {
    $(f).html("changed ! ");
    $(f).remove();
  }
}
myclass.populate();
myclass.search();
ready
for var i = 0
var myclass = {
  populate: function() {
    // Populate
    var html = "";
    for (var i = 0; i < 50; i++) {
      html += '<div class="some class c' + i + '">' + i + '</div>';
    }
    $("#container").html(html);
  },
  search: function() {
    for (var i = 0; i < 50; i++) {
      this.print(".c"+i);
    }
  },
  print: function(f) {
    $(f).html("changed ! ");
    $(f).remove();
  }
}
myclass.populate();
myclass.search();
ready
each.children
var myclass = {
  index: {},
  populate: function() {
    // Populate
    var html = "";
    for (var i = 0; i < 50; i++) {
      html += '<div class="some class c' + i + '">' + i + '</div>';
    }
    $("#container").html(html);
  },
  search: function() {
    $.each($("#container").children(), function(k, v) {
      myclass.print(v);
    });
  },
  print: function(f) {
    $(f).html("changed ! ");
    $(f).remove();
  }
}
myclass.populate();
myclass.search();
ready
children.each
var myclass = {
  index: {},
  populate: function() {
    // Populate
    var html = "";
    for (var i = 0; i < 50; i++) {
      html += '<div class="some class c' + i + '">' + i + '</div>';
    }
    $("#container").html(html);
  },
  search: function() {
    $("#container").children().each(function(k, v) {
      myclass.print(v);
    });
  },
  print: function(f) {
    $(f).html("changed ! ");
    $(f).remove();
  }
}
myclass.populate();
myclass.search();
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.