MeasureThat.net

Run results for: Comparação entre createElement vs string template1

Comparação entre createElement vs string template

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:97.0) Gecko/20100101 Firefox/97.0
Firefox 97
Windows
Desktop
3 years ago
Test name Executions per second
createElement 657759.5 Ops/sec
template string 656892.6 Ops/sec
HTML Preparation code:
AخA
 
1
<div id="testdiv">
2
  <div class="unique">test</div>
3
</div>
Script Preparation code:
 
var i, imax;
var div = document.getElementById('testdiv');
Tests:

  • createElement

     
    var newDiv = document.createElement('div');
    newDiv.classList.add('unique');
    newDiv.innerText = 'test';
    div.appendChild(newDiv);

  • template string

     
    var newDiv = `<div class="unique">test</div>`;
    div.innerHTML = newDiv;