MeasureThat.net

Run results for: forEach vs jQuery each

with <link>

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36
Chrome 79
Mac OS X 10.15.2
Desktop
5 years ago
Test name Executions per second
forEach (Native) 209740.2 Ops/sec
each (jQuery) 159501.0 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2
<link rel="stylesheet" href="style.min.css" type="text/css">
3
<link rel="stylesheet" href="style.min.css" type="text/css">
4
<link rel="stylesheet" href="style.min.css" type="text/css">
5
<link rel="stylesheet" href="style.min.css" type="text/css">
6
<link rel="stylesheet" href="style.min.css" type="text/css">
Tests:

  • forEach (Native)

     
    var linkEls = document.querySelectorAll('link[href*=".min.css"]');
    [].forEach.call(linkEls,function(el){});

  • each (jQuery)

     
    $('link[href*=".min.css"]').each(function(){});