Run results for: New Jquery, Vanilla event listen

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.75 Safari/537.36

Browser: Chrome 74

Operating system: Windows 7

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
vanilla	255.9 Ops/sec
jq	126.9 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.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: New Jquery, Vanilla event listen

vanilla

jq