MeasureThat.net

Run results for: CloneNode after Append to Fragment vs Append to DOM

Go to the benchmark
Run details:
Mozilla/5.0 (Linux; Android 11) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
Chrome 95
Android
Desktop
3 years ago
Test name Executions per second
CloneNode from DOM 521207.8 Ops/sec
CloneNode from Fragment 517359.3 Ops/sec
HTML Preparation code:
​x
 
1
<html>
2
​
3
  <body>
4
    <div id="js">
5
    </div>
6
  </body>
7
​
8
</html>
Script Preparation code:
 
var container = document.getElementById("js");
var elemContainer = document.createElement("div");
elemContainer.innerText = "test";
container.appendChild(elemContainer);
​
​
var fragment = document.createDocumentFragment();
var elemFragment = document.createElement("div");
elemFragment.innerText = "test";
fragment.appendChild(elemFragment);
​
Tests:

  • CloneNode from DOM

     
    elemContainer = elemContainer.cloneNode();

  • CloneNode from Fragment

     
    elemFragment = elemFragment.cloneNode();