jQuery events vs backbone events performance (v5)

Revision 5 of this benchmark created on

Description

Added native event test

Preparation HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>

Setup

function handleEvent(e){
       return(e);
    }
    
    var view = new Backbone.View({
        initialize: function(){
            this.on("bb_event", handleEvent);
        }
    });
    
    view.$el.on("jq_event", handleEvent);
    
    view.el.addEventListener("native_event", handleEvent);

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery trigger
view.$el.trigger('jq_event');
ready
Backbone trigger
view.trigger('bb_event');
ready
Native JS dispatchEvent
var nativeEvent = new Event("native_event");
view.el.dispatchEvent(nativeEvent);
ready
jQuery trigger w/ payload
view.$el.trigger('jq_event', {data:12345});
ready
Backbone trigger w/ payload
view.trigger('bb_event', {data:12345});
ready
Native JS dispatchEvent w/ payload
var nativeCustomEvent = new CustomEvent("native_event", {detail: {data:12345}});
view.el.dispatchEvent(nativeCustomEvent);
ready

Revisions

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