MeasureThat.net

Run results for: createElement vs JQuery $

Faster way to create new dom elements before insertion

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36 Edg/95.0.1020.40
Chrome 95
Windows
Desktop
3 years ago
Test name Executions per second
createElement 9.1 Ops/sec
JQuery $ 3.9 Ops/sec
HTML Preparation code:
AخA
 
1
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
Tests:

  • createElement

    ​x
     
    const list = [];
    ​
    for (let i = 0; i < 100000; i++) {
      list.push(document.createElement('div'));
    }

  • JQuery $

     
    const list = [];
    ​
    for (let i = 0; i < 100000; i++) {
      list.push($('<div>'));
    }