insert in loop vs after (v16)

Revision 16 of this benchmark created on

Preparation HTML

<div id="list1">
</div>
<div id="list2">
</div>

Setup

var list = document.getElementById('list1');

Test runner

Ready to run.

Testing in
TestOps/sec
insert after loop
var elemFragment = document.createDocumentFragment();

list.innerHTML = '';
for (var i = 0; i < 100; i++) {
  a = document.createElement('a');
  a.href = '#' + i;
  elemFragment.appendChild(a);
}

list.appendChild(elemFragment);
ready
insert after loop
list.innerHTML = '';
for (var i = 0; i < 100; i++) {
  a = document.createElement('a');
  a.href = '#' + i;
  list.appendChild(a);
}
ready

Revisions

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