jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

Selecting the first (v9)

Revision 9 of this benchmark created on May 30, 2011

Preparation HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="answer"></div>
<div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div><div class="answer"></div>
<div>
        <ul>
        <li class="answer">Foo</li>
<li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li><li>Foo</li>
        <li class="answer">Bar</li>
        <li class="answer">Moo</li>
        <li class="answer">Cat</li>
        <ul>
</div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
first() method	`$('.answer').first();`	ready
:first sizzle	`$('.answer:first');`	ready
.eq(0) method	`$('.answer').eq(0);`	ready
:eq(0) sizzle	`$('.answer:eq(0)');`	ready
$($(".answer")[0]) nested jQuery object	`$($(".answer")[0]);`	ready

Revisions

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

Revision 1: published on February 3, 2011
Revision 7: published on May 2, 2011
Revision 8: published on May 11, 2011
Revision 9: published on May 30, 2011
Revision 13: published on August 7, 2013