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

Run details:

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

Browser: Chrome 113

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

VanillaJS

87/s

jQuery

21/s

View exact numbers

Test name	Executions per second
✓ VanillaJS	87 Ops/sec
jQuery	21 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); }