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
Trigger a custom event on an element/object and find which method is faster.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://pastebin.com/raw.php?i=Wxqd8dvs"></script>
<script>
var jQueryListener = function(){/*Jquery Event terminates here*/};
var nativeListener = function(){/*Native CustomEvent terminates here*/};
</script>
<div id="target">A div</div>
$('#target').bind('jquery-test', jQueryListener);
document.getElementById('target').addEventListener('native-test', nativeListener);
var eventTarget = document.getElementById('target');
var eventTargetJquery = $(eventTarget);
var eventTargetEE = new EventEmitter();
eventTargetEE.on('ee-test', function(){});
$('#target').unbind('jquery-test', jQueryListener);
document.getElementById('target').removeEventListener('native-test', nativeListener);
eventTargetEE.off('ee-test');
Ready to run.
Test | Ops/sec | |
---|---|---|
DOM Level3 CustomEvent dispatched |
| ready |
jQuery .trigger(evt) |
| ready |
EE |
| ready |
DOM Level3 CustomEvent dispatched with bubbling |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.