getElementById vs. querySelector (v52)

Revision 52 of this benchmark created on

Description

Compare the speed of getElementById to querySelector

Preparation HTML

<p id="foo">Foo</p>
<p id="bar">Bar</p>
<p id="baz">Baz</p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.min.js"></script>

Setup

var $$ = {
       id:function(e){ 
        return [document.getElementById(e)];
       },
       class : function(e){
        return document.getElementsByClassName(e);
       }
    };
    
    var byId = function(id) {
      return document.getElementById(id)
    };

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var bar = document.getElementById("bar");
ready
querySelector
var bar = document.querySelector("#bar");
ready
easySyntax
var bar = $$.id("bar");
ready
Zepto
var bar = $("#bar");
ready
Alias
var bar = byId("bar")
ready

Revisions

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