cloneNode vs createElement Performance (v13)

Revision 13 of this benchmark created by dsfdsfdsf on

Description

check speeds with different elements

Preparation HTML

<script>
  var boh = document.createElement("_");

  var row = document.createElement("row");

  var img = document.createElement("img");
  
  var div = document.createElement("div");
  
  var input = document.createElement("input");

  var frag = document.createDocumentFragment();

  frag.appendChild(div)
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
clone image
var imgClone = img.cloneNode(false);
ready
create image
var img_ = document.createElement("img");
ready
clone div
var divClone = div.cloneNode(false);
ready
create div
var div_ = document.createElement("div");
ready
clone input
var inputClone = input.cloneNode(false);
ready
create input
var input_ = document.createElement("input");
ready
new image
var img2 = new Image();
ready
frag clone
var divFragghed = (frag.cloneNode(true)).firstChild
ready
create boh
var boh_ = document.createElement("_")
ready
clone boh
var bohClone = boh.cloneNode(false)
ready
create row
var row_ = document.createElement("row")
ready
clone row
var rowClone = row.cloneNode(false)
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.