dom tree vs collection

JavaScript performance comparison

Test case created

Preparation code

<script src="//code.jquery.com/jquery-2.0.0b1.js"></script>
<div class="test" data-itemid="item_1">hello</div>
<div class="test" data-itemid="item_2">hello</div>
<div class="test" data-itemid="item_3">hello</div>
<div class="test" data-itemid="item_4">hello</div>
<script>
Benchmark.prototype.setup = function() {
    var collection = [
      {
        model : {
                id : 1,
                attributes : {
                        height: "250px",
                        width : "400px",
                        itemid : "item_1"
                }
        }
      },
    {
        model : {
                id : 1,
                attributes : {
                        height: "250px",
                        width : "400px",
                        itemid : "item_2"
                }
        }
      },
    {
        model : {
                id : 1,
                attributes : {
                        height: "250px",
                        width : "400px",
                        itemid : "item_3"
                }
        }
      },
    {
        model : {
                id : 1,
                attributes : {
                        height: "250px",
                        width : "400px",
                        itemid : "item_4"
                }
        }
      }
    ];
};
</script>

Preparation code output

hello
hello
hello
hello

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
dom tree
var bay = $(".test:last-child");
pending…
collection
var cLength = collection.length;
var lastModel = collection[cLength-1];
var itemID = lastModel.model.attributes.itemid;
var bay = $(".test[data-itemid="+itemID+"]");
pending…
dom tree with last()
var bay = $(".test").last();
pending…

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

Compare results of other browsers

0 comments

Add a comment