Run results for: jQuery vs Vanilla JS Speed Test - CNC 2

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser: Chrome 134

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

VanillaJS

361/s

jQuery

56/s

View exact numbers

Test name	Executions per second
✓ VanillaJS	361 Ops/sec
jQuery	56 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<div id="target">Hello World</div>

Tests:

jQuery
var $target = $('#target'); var $div = $('<div/>'); for(let i = 0; i < 10000; i++) { $div.addClass('test-div'); $target.append($div); }
VanillaJS
for(let i = 0; i < 10000; i++) { const e = document.createElement('div'); e.className = 'test-div'; document.getElementById('target').appendChild(e); }