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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:109.0) Gecko/20100101 Firefox/115.0

Browser: Firefox 115

Operating system: Mac OS X 10.12

Device Platform: Desktop

Date tested: one year ago

VanillaJS

44/s

jQuery

7/s

View exact numbers

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