PubSubJS vs. jQuery custom events (v20)

Revision 20 of this benchmark created on

Description

An attempt at showing that PubSubJS is faster than using jQuery custom evens for publish/subscribe style messaging.

It's certainly not as rich in features, and I am happy with that.

Introducing PubSubJS

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://raw.github.com/mroderick/PubSubJS/master/src/pubsub.js"></script>
<script>
  var callback1 = function() {};
  var callback2 = function() {};
  var callback3 = function() {};
  var payload = {
   somekey: 'some value'
  };
  var j;
  var topics = {};
  // let's use jQuery.ready to make sure that the DOM is ready,
  // before trying to work with it
  jQuery(function() {
   // we'll use the body element to exchange messages for jQuery
   // if using deeper nested elements, jQuery will be slower, as custom events bubble
   j = $({});
  
   // subscribe our callback1 function to the custom event for jQuery, only once
   j.on('my-event', callback1);
  
   // subscribe our callback2 function to the message for PubSub
   PubSub.subscribe('my-event', callback2);

   // subscribe our callback3 function to the callbacks for jQuery.

   topics["my-event"] = $.Callbacks();
   topics["my-event"].add(callback3);

  });
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery - trigger - custom event
j.trigger('my-event', payload);
ready
PubSub - publish - asyncronous
PubSub.publish('my-event', payload);
ready
PubSub - publish - syncronous
PubSub.publish('my-event', payload, true);
ready
jQuery - fire - $.Callbacks
topics["my-event"].fire(payload);
ready

Revisions

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