Run results for: Test Append Methods

Run details:

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

Browser: Chrome 96

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
append	1305928.4 Ops/sec
insertAdjacentElement (append)	1585169.1 Ops/sec
appendChild	1672582.9 Ops/sec
prepend	1489159.1 Ops/sec
insertAdjacentElement (prepend)	1668259.1 Ops/sec

HTML Preparation code:

<table class="old">
	<tbody>
		<tr>
			<td class="old-td">old-td</td>
		</tr>
	</tbody>
</table>

<table class="new">
	<tbody>
		<tr class="new-tr">
		</tr>
	</tbody>
</table>

Script Preparation code:

var table_td = document.getElementsByClassName('old-td')[0],
    table_new_tr = document.getElementsByClassName('new-tr')[0];

Tests:

append
table_new_tr.append(table_td);
insertAdjacentElement (append)
table_new_tr.insertAdjacentElement('beforeend', table_td);
appendChild
table_new_tr.appendChild(table_td)
prepend
table_new_tr.prepend(table_td)
insertAdjacentElement (prepend)
table_new_tr.insertAdjacentElement('afterbegin', table_td);

Run results for: Test Append Methods

append

insertAdjacentElement (append)

appendChild

prepend

insertAdjacentElement (prepend)