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

jquery-performance (v7)

Revision 7 of this benchmark created on October 14, 2013

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="test">
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div><div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
<div class="someTest">
<div class="Test1"></div>
</div>
</div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
By class	`$(".Test1");`	ready
By type	`$("div.Test1");`	ready
Child	`$("#test")`	ready
ID	`$("#test").children(".Test1")`	ready
querySelectorAll class	`document.querySelectorAll(".someTest")`	ready
querySelectorAll id	`document.querySelectorAll("#test")`	ready
byId	`document.getElementById("test")`	ready
byClass	`document.getElementsByClassName("Test1")`	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 11, 2012
Revision 2: published on February 12, 2012
Revision 3: published on February 13, 2012
Revision 4: published on February 23, 2012
Revision 5: published on September 21, 2012
Revision 6: published on April 26, 2013
Revision 7: published on October 14, 2013