Run results for: Jquery versions Benchmark 3.1.1 vs 3.4.1

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:142.0) Gecko/20100101 Firefox/142.0

Browser: Firefox 142

Operating system: Windows

Device Platform: Desktop

Date tested: 11 months ago

3.1.1

94K/s

3.4.1

92K/s

View exact numbers

Test name	Executions per second
✓ 3.1.1	93,817 Ops/sec
3.4.1	91,543 Ops/sec

HTML Preparation code:

<div id="idSelector"></div>
<div class="classSelector"></div>
<ul id="iteration">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div id="cssGetter" style="color: black;"></div>
<div id="cssSetter" style="color: black;"></div>
<div id="find">
    <span></span>
    <div>
        <strong></strong>
    </div>
</div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script>
  var $jq311 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script>
  var $jq341 = $.noConflict(true);
</script>

Script Preparation code:

function tests($) {
  // Filter Next
  $('#iteration li').filter(':first').next();
  
  // Filter Prev
  $('#iteration li').filter(':last').prev();
  
  // Non-existant Class
  $('.someClass');
  
  // Non-existant ID
  $('#someID');
  
  // Find
  $('#find').find('strong');
  
  // Set color
  $('#cssSetter').css('color', 'red');
  
  // Get color
  $('#cssGetter').css('color');
  
  // Iteration
  $('#iteration li').each(function(i, e) {
    i++;
  });
  
  // Class selector
  $('.classSelector');
  
  // ID selector
  $('#idSelector');
}

Tests:

3.1.1
tests($jq311);
3.4.1
tests($jq341);

Run results for: Jquery versions Benchmark 3.1.1 vs 3.4.1

Simple benchmark of jQuery versions

3.1.1

3.4.1