MeasureThat.net

Run results for: forEach vs jQuery each

with <link>

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:80.0) Gecko/20100101 Firefox/80.0
Firefox 80
Ubuntu
Desktop
4 years ago
Test name Executions per second
forEach (Native) 469934.1 Ops/sec
each (jQuery) 44167.4 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(){});