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
Comparing performance of adding .click() to anchor tags within 100 list items vs using .on() to listen for click events bubbling up the DOM tree.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul id="list">
<li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li><li class="listitem"><a href="#" class="link-1" /><a href="#" class="link-2"/></li>
</ul>
Ready to run.
Test | Ops/sec | |
---|---|---|
no .find |
| ready |
.find |
| ready |
.delegate |
| ready |
.on |
| ready |
document .on |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.