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

click-perf-jquery2 (v3)

Revision 3 of this benchmark created by Joe Maffei on October 21, 2015

Preparation HTML

<div id="container"><div class="one"></div>
<div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div><div class="many"></div>
</div><script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
one bound many	`$('.one').on('click', '.many', function() {});`	ready
parent bound many	`$('#container').on('click', '.many', function() {});`	ready
parent bound one	`$('#container').on('click', '.one', function() {});`	ready
many	`$('.many').on('click', function() {});`	ready
one	`$('.one').on('click', function() {});`	ready

Revisions

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

Revision 1: published by Andrew Markham-Davies on February 20, 2015
Revision 2: published on August 30, 2015
Revision 3: published by Joe Maffei on October 21, 2015
Revision 4: published by Bryan Rayner on November 23, 2015
Revision 5: published on December 10, 2015
Revision 6: published on December 13, 2015
Revision 8: published on February 26, 2016
Revision 9: published on March 23, 2016