HTML Preparation code:
AخA
 
1
<style type="text/css">
2
        .hide {
3
            display: none;
4
        }
5
</style>
6
<div id="container"></div>
Script Preparation code:
x
 
var container = document.getElementById('container');
ul = document.createElement('ul');
var html = [];
    for ( var i=0; i<2000; i += 1 ) {
    html.push(`<li>${i}</li>`);
}
 ul.innerHTML = html.join('');
 container.appendChild(ul);
Tests:
  • removeChild

     
    var element = ul.firstElementChild;
    while (element) {
        var element = ul.firstElementChild;
        element && ul.removeChild(element);
    }
  • display:none on each element

     
    var elements = Array.prototype.slice.call(container);
    for (var i = 0; i < elements.length; i++) {
        elements[i].classList.add("hide");
    }
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    removeChild
    display:none on each element

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 3 years ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36
Chrome 98 on Windows
View result in a separate tab
Test name Executions per second
removeChild 3060098.8 Ops/sec
display:none on each element 720041.3 Ops/sec