Run results for: Clone And Copy Node - v3

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.90 Safari/537.36

Browser: Chrome 75

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
cloneNode appendChild	15966.4 Ops/sec
cloneNode insertAdjacentElement afterend	131090.7 Ops/sec
cloneNode insertAdjacentElement beforeend	117307.5 Ops/sec
outerHTML insertAdjacentHTML afterend	4837.7 Ops/sec

HTML Preparation code:

<div id="container">
  <table id="element_1">
      <tbody>
          <tr>
			<td class="old-td">old-td 1</td><td class="old-td">old-td 2</td><td class="old-td">old-td 3</td><td class="old-td">old-td 4</td><td class="old-td">old-td 5</td><td class="old-td">old-td 6</td><td class="old-td">old-td 7</td><td class="old-td">old-td 8</td><td class="old-td">old-td 9</td><td class="old-td">old-td 10</td>
			<td class="old-td">old-td 11</td><td class="old-td">old-td 12</td><td class="old-td">old-td 13</td><td class="old-td">old-td 14</td><td class="old-td">old-td 15</td><td class="old-td">old-td 16</td><td class="old-td">old-td 17</td><td class="old-td">old-td 18</td><td class="old-td">old-td 19</td><td class="old-td">old-td 20</td>
			<td class="old-td">old-td 21</td><td class="old-td">old-td 22</td><td class="old-td">old-td 23</td><td class="old-td">old-td 24</td><td class="old-td">old-td 25</td><td class="old-td">old-td 26</td><td class="old-td">old-td 27</td><td class="old-td">old-td 28</td><td class="old-td">old-td 29</td><td class="old-td">old-td 30</td>
			<td class="old-td">old-td 31</td><td class="old-td">old-td 32</td><td class="old-td">old-td 33</td><td class="old-td">old-td 34</td><td class="old-td">old-td 35</td><td class="old-td">old-td 36</td><td class="old-td">old-td 37</td><td class="old-td">old-td 38</td><td class="old-td">old-td 39</td><td class="old-td">old-td 40</td>
			<td class="old-td">old-td 41</td><td class="old-td">old-td 42</td><td class="old-td">old-td 43</td><td class="old-td">old-td 44</td><td class="old-td">old-td 45</td><td class="old-td">old-td 46</td><td class="old-td">old-td 47</td><td class="old-td">old-td 48</td><td class="old-td">old-td 49</td><td class="old-td">old-td 50</td>
		</tr>
      </tbody>
  </table>

  <table id="element_2">
      <tbody>
          <tr></tr>
      </tbody>
  </table>
</div>

Script Preparation code:

var $element_2 = document.getElementById('element_2');
var $container = document.getElementById('container');

var $clone = document.getElementById('element_1').cloneNode(true);

Tests:

cloneNode appendChild
$container.appendChild($clone);
cloneNode insertAdjacentElement afterend
$element_2.insertAdjacentElement('afterend', $clone);
cloneNode insertAdjacentElement beforeend
$container.insertAdjacentElement('beforeend', $clone);

Run results for: Clone And Copy Node - v3

cloneNode appendChild

cloneNode insertAdjacentElement afterend

cloneNode insertAdjacentElement beforeend