SelectorSpeedJQ

JavaScript performance comparison

Revision 2 of this test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div>
    <span class="a"></span>
</div>
<div>
    <span class="b"></span>
</div>
<div>
    <span class="c"></span>
</div>
<div id="x">
    <span class="y"></span>
</div>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
A find
$('#x').find('.y')
pending…
B id and classes
$('#x .y')
pending…
C tagname
$('#x span.y')
pending…
D tagnames
$('div#x span.y')
pending…
E context
$('.y', '#x')
pending…
F vanilla
document.getElementById("x").getElementsByClassName('y')
pending…
G vanilla queryselectorall
document.querySelectorAll("#x .y")
pending…
H queryselector
document.querySelector("#x .y")
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment