Run results for: Old Jquery, Vanilla event listen

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Browser: Chrome 67

Operating system: Linux

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
vanilla	172.4 Ops/sec
jq	81.6 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<ul id="menu">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

Script Preparation code:


        Benchmark.prototype.setup = function() {

          
  var element = document.getElementById( 'menu' ).getElementsByTagName( 'li' )[2];

        
  };

Tests:

vanilla
document.getElementById( 'menu' ).addEventListener( 'click', function( event ) { if( event.target && event.target.nodeName === 'LI' ) { // Event triggered } }); element.click();
jq
jQuery( '#menu' ).on( 'click', 'li', function() { // Event triggered }); element.click();

Run results for: Old Jquery, Vanilla event listen

vanilla

jq