Run results for: replaceChildren() vs innerHTML = ""

Run details:

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

Browser: Chrome 138

Operating system: Windows

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
replaceChildren()	8837222.0 Ops/sec
innerHTML	7291183.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->
<div id="test">
    <div id="results"><span class="match result-span" data-position="0" style="top: 0px;"></span><span class="match result-span" data-position="36" style="top: 0.373399px;"></span><span class="match result-span" data-position="212" style="top: 2.19891px;"></span><span class="match result-span" data-position="465" style="top: 4.82307px;"></span><span class="match result-span" data-position="749" style="top: 7.76878px;"></span><span class="match result-span" data-position="809" style="top: 8.39111px;"></span><span class="match result-span" data-position="1063" style="top: 11.0257px;"></span><span class="match result-span" data-position="1347" style="top: 13.9714px;"></span><span class="match result-span" data-position="1407" style="top: 14.5937px;"></span><span class="match result-span" data-position="1437" style="top: 14.9049px;"></span><span class="match result-span" data-position="1489" style="top: 15.4442px;"></span><span class="match result-span" data-position="1584" style="top: 16.4296px;"></span><span class="match result-span" data-position="1635" style="top: 16.9586px;"></span><span class="match result-span" data-position="1730" style="top: 17.9439px;"></span><span class="match result-span" data-position="1829" style="top: 18.9708px;"></span><span class="match result-span" data-position="1940" style="top: 20.1221px;"></span><span class="match result-span" data-position="2052" style="top: 21.2838px;"></span><span class="match result-span" data-position="2566" style="top: 26.6151px;"></span><span class="match result-span" data-position="3019" style="top: 31.3137px;"></span><span class="match result-span" data-position="3088" style="top: 32.0294px;"></span><span class="match result-span" data-position="3355" style="top: 34.7987px;"></span><span class="match result-span" data-position="3947" style="top: 40.9391px;"></span><span class="match result-span" data-position="4093" style="top: 42.4534px;"></span><span class="match result-span" data-position="4235" style="top: 43.9263px;"></span><span class="match result-span" data-position="4503" style="top: 46.706px;"></span><span class="match result-span" data-position="4644" style="top: 48.1685px;"></span><span class="match result-span" data-position="4756" style="top: 49.3302px;"></span><span class="match result-span" data-position="4867" style="top: 50.4815px;"></span><span class="match result-span" data-position="6460" style="top: 67.0044px;"></span><span class="match result-span" data-position="13515" style="top: 140.18px;"></span><span class="match result-span" data-position="13545" style="top: 140.491px;"></span><span class="match result-span" data-position="13588" style="top: 140.937px;"></span><span class="match result-span" data-position="14457" style="top: 149.918px;"></span><span class="match result-span" data-position="14620" style="top: 151.574px;"></span><span class="match result-span" data-position="14782" style="top: 153.218px;"></span><span class="match result-span" data-position="15069" style="top: 156.193px;"></span><span class="match result-span" data-position="15214" style="top: 157.696px;"></span><span class="match result-span" data-position="17582" style="top: 182.24px;"></span><span class="match result-span" data-position="17711" style="top: 183.577px;"></span><span class="match result-span" data-position="18003" style="top: 186.604px;"></span><span class="match result-span" data-position="18185" style="top: 188.49px;"></span><span class="match result-span" data-position="18459" style="top: 191.33px;"></span><span class="match result-span" data-position="18641" style="top: 193.217px;"></span><span class="match result-span" data-position="18766" style="top: 194.513px;"></span><span class="match result-span" data-position="18877" style="top: 195.663px;"></span><span class="match result-span" data-position="19001" style="top: 196.948px;"></span><span class="match result-span" data-position="19213" style="top: 199.146px;"></span><span class="match result-span" data-position="19394" style="top: 201.022px;"></span><span class="match result-span" data-position="19593" style="top: 203.085px;"></span><span class="match result-span" data-position="19793" style="top: 205.158px;"></span><span class="match result-span" data-position="19993" style="top: 207.231px;"></span><span class="match result-span" data-position="20192" style="top: 209.293px;"></span><span class="match result-span" data-position="20392" style="top: 211.366px;"></span><span class="match result-span" data-position="26680" style="top: 276.542px;"></span><span class="match result-span" data-position="26826" style="top: 278.056px;"></span><span class="match result-span" data-position="26877" style="top: 278.584px;"></span><span class="match result-span" data-position="27056" style="top: 280.44px;"></span><span class="match result-span" data-position="27107" style="top: 280.968px;"></span><span class="match result-span" data-position="29875" style="top: 309.659px;"></span><span class="match result-span" data-position="29960" style="top: 310.54px;"></span><span class="match result-span" data-position="34960" style="top: 362.366px;"></span><span class="match result-span" data-position="35088" style="top: 363.693px;"></span><span class="match result-span" data-position="35235" style="top: 365.216px;"></span><span class="match result-span" data-position="35363" style="top: 366.543px;"></span><span class="match result-span" data-position="35698" style="top: 370.015px;"></span><span class="match result-span" data-position="35827" style="top: 371.353px;"></span><span class="match result-span" data-position="36311" style="top: 376.369px;"></span><span class="match result-span" data-position="36526" style="top: 378.598px;"></span><span class="match result-span" data-position="36595" style="top: 379.313px;"></span><span class="match result-span" data-position="37032" style="top: 383.843px;"></span><span class="match result-span" data-position="37213" style="top: 385.719px;"></span><span class="match result-span" data-position="37282" style="top: 386.434px;"></span><span class="match result-span" data-position="38400" style="top: 398.022px;"></span><span class="match result-span" data-position="38563" style="top: 399.712px;"></span><span class="match result-span" data-position="38708" style="top: 401.215px;"></span><span class="match result-span" data-position="40100" style="top: 415.643px;"></span><span class="match result-span" data-position="40247" style="top: 417.167px;"></span><span class="match result-span" data-position="40855" style="top: 423.469px;"></span><span class="match result-span" data-position="41259" style="top: 427.656px;"></span><span class="match result-span" data-position="41983" style="top: 435.16px;"></span><span class="match result-span" data-position="42052" style="top: 435.876px;"></span><span class="match result-span" data-position="42284" style="top: 438.28px;"></span><span class="match result-span" data-position="42593" style="top: 441.483px;"></span><span class="match result-span" data-position="42662" style="top: 442.198px;"></span><span class="match result-span" data-position="42910" style="top: 444.769px;"></span><span class="match result-span" data-position="42979" style="top: 445.484px;"></span><span class="match result-span" data-position="43245" style="top: 448.241px;"></span><span class="match result-span" data-position="44163" style="top: 457.756px;"></span><span class="match result-span" data-position="44674" style="top: 463.053px;"></span><span class="match result-span" data-position="44931" style="top: 465.717px;"></span><span class="match result-span" data-position="45206" style="top: 468.567px;"></span><span class="match result-span" data-position="45352" style="top: 470.081px;"></span><span class="match result-span" data-position="45565" style="top: 472.288px;"></span><span class="match result-span" data-position="45693" style="top: 473.615px;"></span><span class="match result-span" data-position="47874" style="top: 496.222px;"></span><span class="match result-span" data-position="50743" style="top: 525.959px;"></span><span class="match result-span" data-position="50890" style="top: 527.483px;"></span><span class="match result-span" data-position="51018" style="top: 528.81px;"></span><span class="match result-span" data-position="51146" style="top: 530.136px;"></span><span class="match result-span" data-position="51292" style="top: 531.65px;"></span><span class="match result-span" data-position="51439" style="top: 533.173px;"></span><span class="match result-span" data-position="51585" style="top: 534.687px;"></span><span class="match result-span" data-position="51688" style="top: 535.754px;"></span><span class="match result-span" data-position="51792" style="top: 536.832px;"></span><span class="match result-span" data-position="51895" style="top: 537.9px;"></span><span class="match result-span" data-position="52041" style="top: 539.413px;"></span><span class="match result-span" data-position="52145" style="top: 540.491px;"></span><span class="match result-span" data-position="52291" style="top: 542.004px;"></span><span class="match result-span" data-position="52394" style="top: 543.072px;"></span><span class="match result-span" data-position="52498" style="top: 544.15px;"></span><span class="match result-span" data-position="52601" style="top: 545.218px;"></span><span class="match result-span" data-position="52812" style="top: 547.405px;"></span><span class="match result-span" data-position="53061" style="top: 549.986px;"></span><span class="match result-span" data-position="53260" style="top: 552.048px;"></span><span class="match result-span" data-position="53912" style="top: 558.806px;"></span><span class="match result-span" data-position="54529" style="top: 565.202px;"></span><span class="match result-span" data-position="54710" style="top: 567.078px;"></span><span class="match result-span" data-position="54813" style="top: 568.145px;"></span>
</div>

Script Preparation code:

const el = document.getElementById("test");

Tests:

replaceChildren()
/*When writing async/deferred tests, use `deferred.resolve()` to mark test as done*/ el.replaceChildren();
innerHTML
el.innerHTML = "";