jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

innerHTML vs removeChild (v176)

Revision 176 of this benchmark created on May 8, 2014

Description

what method for empty a element is faster ?

Preparation HTML

<div id='box'></div>

Setup

var box = document.getElementById('box'),
        boxParentNode = box.parentNode,
        newBox;
    
    box.innerHTML = 'sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>';
    
    newBox = box.cloneNode(true);
    boxParentNode.appendChild(newBox);

Teardown


    boxParentNode.removeChild(newBox);

Test runner

Ready to run.

Test Ops/sec

removeChild

Testing in
Test	Ops/sec
removeChild	`while (newBox.firstChild) { newBox.removeChild(newBox.firstChild); }`	ready
innerHTML	`newBox.innerHTML = '';`	ready
replace	`if (newBox.parentNode) { var cloneBox = newBox.cloneNode(false); newBox.parentNode.replaceChild(cloneBox, newBox); newBox = cloneBox; } else { while(newBox.firstChild) { newBox.removeChild(newBox.firstChild); } }`	ready

while (newBox.firstChild) {
  newBox.removeChild(newBox.firstChild);
}

ready

innerHTML

newBox.innerHTML = '';

ready

replace

if (newBox.parentNode) {
  var cloneBox = newBox.cloneNode(false);
  newBox.parentNode.replaceChild(cloneBox, newBox);
  newBox = cloneBox;
} else {
  while(newBox.firstChild) {
    newBox.removeChild(newBox.firstChild);
  }
}

ready

Revisions

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

Revision 1: published by Ali Mihandoost on December 6, 2011
Revision 2: published by Ali Mihandoost on December 10, 2011
Revision 5: published by XP1 on February 2, 2012
Revision 6: published on February 2, 2012
Revision 7: published on December 18, 2012
Revision 8: published on January 9, 2013
Revision 9: published on January 9, 2013
Revision 10: published on January 23, 2013
Revision 11: published on February 5, 2013
Revision 12: published on February 5, 2013
Revision 13: published on February 8, 2013
Revision 14: published by Philip O'Brien on February 18, 2013
Revision 15: published on February 19, 2013
Revision 16: published on February 27, 2013
Revision 17: published by Grant Kiely on March 13, 2013
Revision 18: published on March 13, 2013
Revision 19: published by Grant Kiely on March 13, 2013
Revision 20: published by Grant Kiely on March 13, 2013
Revision 23: published on March 18, 2013
Revision 24: published on March 19, 2013
Revision 25: published on March 21, 2013
Revision 26: published on March 24, 2013
Revision 28: published by nickinuse on April 20, 2013
Revision 32: published on May 3, 2013
Revision 33: published on May 7, 2013
Revision 34: published on May 7, 2013
Revision 35: published on May 7, 2013
Revision 36: published on May 15, 2013
Revision 37: published by Thomas Lindstrøm on May 15, 2013
Revision 38: published on May 17, 2013
Revision 40: published on May 20, 2013
Revision 41: published by Thomas Lindstrøm on May 25, 2013
Revision 42: published by Tomás Girardi on May 30, 2013
Revision 43: published by Filip Smets on May 30, 2013
Revision 44: published on June 1, 2013
Revision 45: published by resnyanskiy on June 6, 2013
Revision 47: published on June 16, 2013
Revision 48: published on June 17, 2013
Revision 49: published on June 17, 2013
Revision 50: published by johnchen902 on June 19, 2013
Revision 51: published on June 19, 2013
Revision 52: published by cromwellian on June 20, 2013
Revision 53: published on July 1, 2013
Revision 54: published on July 9, 2013
Revision 55: published on July 9, 2013
Revision 56: published on July 9, 2013
Revision 57: published on July 11, 2013
Revision 58: published on July 19, 2013
Revision 59: published by arjun on July 23, 2013
Revision 60: published on July 27, 2013
Revision 61: published on July 27, 2013
Revision 62: published by Paulo Barcelos on August 6, 2013
Revision 63: published on August 6, 2013
Revision 64: published on August 6, 2013
Revision 65: published on August 6, 2013
Revision 66: published on August 6, 2013
Revision 67: published on August 6, 2013
Revision 68: published on August 6, 2013
Revision 69: published on August 7, 2013
Revision 71: published on August 16, 2013
Revision 72: published on August 21, 2013
Revision 73: published on August 21, 2013
Revision 74: published on August 25, 2013
Revision 76: published on August 28, 2013
Revision 77: published on August 28, 2013
Revision 78: published on September 10, 2013
Revision 79: published on September 10, 2013
Revision 80: published on September 10, 2013
Revision 81: published on September 10, 2013
Revision 82: published on September 10, 2013
Revision 83: published on September 10, 2013
Revision 84: published on September 10, 2013
Revision 85: published on September 10, 2013
Revision 86: published on September 10, 2013
Revision 87: published on September 10, 2013
Revision 88: published on September 10, 2013
Revision 89: published on September 10, 2013
Revision 90: published on September 11, 2013
Revision 91: published on September 16, 2013
Revision 93: published on October 2, 2013
Revision 94: published on October 4, 2013
Revision 95: published by Drew Noakes on October 14, 2013
Revision 96: published on October 15, 2013
Revision 97: published on October 18, 2013
Revision 98: published on October 25, 2013
Revision 99: published by Jie Ren on October 30, 2013
Revision 100: published on November 5, 2013
Revision 101: published by José Luis on November 6, 2013
Revision 102: published on November 14, 2013
Revision 103: published on November 22, 2013
Revision 104: published on November 22, 2013
Revision 105: published on November 22, 2013
Revision 106: published on November 23, 2013
Revision 108: published by prashant sheoran on December 4, 2013
Revision 109: published by herrernst on December 5, 2013
Revision 110: published on December 5, 2013
Revision 115: published on December 5, 2013
Revision 117: published by Eamon Nerbonne on December 6, 2013
Revision 120: published by Eamon Nerbonne on December 13, 2013
Revision 123: published on December 29, 2013
Revision 124: published by Heavensrevenge on December 30, 2013
Revision 125: published on January 1, 2014
Revision 126: published by Alex Zielenski on January 4, 2014
Revision 127: published on January 8, 2014
Revision 128: published on January 8, 2014
Revision 129: published on January 9, 2014
Revision 130: published on January 14, 2014
Revision 131: published on January 23, 2014
Revision 132: published on January 27, 2014
Revision 133: published by deser on January 27, 2014
Revision 134: published by Matt Harker on January 28, 2014
Revision 135: published on January 30, 2014
Revision 137: published by DanMan on February 1, 2014
Revision 138: published by DanMan on February 1, 2014
Revision 139: published by empty on February 3, 2014
Revision 140: published by empty on February 3, 2014
Revision 141: published by empty on February 3, 2014
Revision 142: published by empty on February 3, 2014
Revision 143: published by empty on February 3, 2014
Revision 144: published by empty on February 3, 2014
Revision 146: published on February 4, 2014
Revision 147: published on February 4, 2014
Revision 148: published on February 5, 2014
Revision 149: published on February 5, 2014
Revision 150: published on February 6, 2014
Revision 151: published on February 11, 2014
Revision 152: published on February 18, 2014
Revision 154: published on February 18, 2014
Revision 155: published on February 18, 2014
Revision 156: published on February 26, 2014
Revision 157: published by Stuart P. Bentley on March 2, 2014
Revision 158: published on March 12, 2014
Revision 160: published by Joshua Koudys on March 15, 2014
Revision 161: published by Joshua Koudys on March 16, 2014
Revision 162: published by Joshua Koudys on March 17, 2014
Revision 163: published by aaaaa on March 24, 2014
Revision 167: published by npjohns on April 9, 2014
Revision 168: published on April 11, 2014
Revision 169: published on April 12, 2014
Revision 172: published by roland on April 17, 2014
Revision 173: published on April 30, 2014
Revision 174: published on May 2, 2014
Revision 176: published on May 8, 2014
Revision 177: published by olli k on May 17, 2014
Revision 178: published on May 18, 2014
Revision 180: published by Alex on June 5, 2014
Revision 182: published on June 26, 2014
Revision 184: published on July 1, 2014
Revision 185: published on July 3, 2014
Revision 186: published by Deep on July 5, 2014
Revision 187: published on July 14, 2014
Revision 189: published by Dave on July 16, 2014
Revision 190: published on July 16, 2014
Revision 191: published by hansifer on July 20, 2014
Revision 193: published on July 31, 2014
Revision 194: published on July 31, 2014
Revision 195: published on August 1, 2014
Revision 197: published on August 1, 2014
Revision 198: published by blackmambahk on August 2, 2014
Revision 199: published by blackmambahk on August 2, 2014
Revision 200: published on August 2, 2014
Revision 201: published by Harald Glatt on August 3, 2014
Revision 202: published by Harald Glatt on August 3, 2014
Revision 203: published by blackmambahk on August 3, 2014
Revision 204: published by Qix on August 5, 2014
Revision 205: published on August 6, 2014
Revision 206: published on August 11, 2014
Revision 207: published on August 13, 2014
Revision 208: published on August 19, 2014
Revision 209: published on August 19, 2014
Revision 210: published on August 19, 2014
Revision 211: published on August 20, 2014
Revision 212: published on August 31, 2014
Revision 213: published on August 31, 2014
Revision 215: published on September 6, 2014
Revision 216: published on September 18, 2014
Revision 217: published by X on September 25, 2014
Revision 218: published on September 26, 2014
Revision 219: published on September 28, 2014
Revision 220: published by include for removeNode loop on October 6, 2014
Revision 221: published on October 6, 2014
Revision 222: published on October 6, 2014
Revision 223: published on October 6, 2014
Revision 233: published on October 22, 2014
Revision 234: published on October 29, 2014
Revision 237: published on November 4, 2014
Revision 238: published on November 6, 2014
Revision 239: published on November 17, 2014
Revision 242: published on December 3, 2014
Revision 243: published by Mark Everitt on December 4, 2014
Revision 244: published by Tri on December 4, 2014
Revision 245: published on December 6, 2014
Revision 246: published on December 7, 2014
Revision 247: published on December 8, 2014
Revision 248: published by Tri on December 8, 2014
Revision 250: published by fefw on December 10, 2014
Revision 251: published on December 23, 2014
Revision 252: published on December 28, 2014
Revision 253: published on December 30, 2014
Revision 254: published by alsh on January 1, 2015
Revision 255: published by David on January 1, 2015
Revision 256: published on January 5, 2015
Revision 257: published on January 10, 2015
Revision 258: published on January 16, 2015
Revision 259: published on January 16, 2015
Revision 260: published on January 18, 2015
Revision 261: published on January 18, 2015
Revision 262: published by robrez on January 22, 2015
Revision 263: published on January 29, 2015
Revision 264: published by DanMan on January 30, 2015
Revision 265: published by DanMan on January 30, 2015
Revision 266: published by DanMan on January 30, 2015
Revision 267: published by Maurizio on January 30, 2015
Revision 268: published by Kasper on February 6, 2015
Revision 270: published by Joel Richard on February 7, 2015
Revision 273: published on February 20, 2015
Revision 274: published by Mark on March 2, 2015
Revision 276: published by Yuri Sturmer on March 4, 2015
Revision 278: published on March 5, 2015
Revision 282: published on March 9, 2015
Revision 287: published by John Hammel on March 24, 2015
Revision 288: published on March 25, 2015
Revision 289: published on March 26, 2015
Revision 290: published on March 28, 2015
Revision 292: published on March 31, 2015
Revision 293: published on April 1, 2015
Revision 294: published on April 5, 2015
Revision 295: published on April 18, 2015
Revision 296: published on April 20, 2015
Revision 297: published by eight on April 21, 2015
Revision 300: published by npjohns on April 28, 2015
Revision 301: published on April 28, 2015
Revision 302: published by Nicolas Normand on May 4, 2015
Revision 305: published on May 18, 2015
Revision 306: published on May 20, 2015
Revision 307: published by awesomebing1 on May 21, 2015
Revision 308: published by madreason on May 25, 2015
Revision 309: published by madreason on May 27, 2015
Revision 310: published on May 29, 2015
Revision 311: published on June 4, 2015
Revision 312: published on June 5, 2015
Revision 313: published on June 8, 2015
Revision 314: published on June 11, 2015
Revision 316: published on August 3, 2015
Revision 317: published by Bobinours on August 6, 2015
Revision 319: published by buzinas on August 11, 2015
Revision 320: published on August 13, 2015
Revision 321: published on August 19, 2015
Revision 322: published on August 20, 2015
Revision 323: published on August 31, 2015
Revision 328: published on September 16, 2015
Revision 332: published on September 29, 2015
Revision 338: published on September 30, 2015
Revision 341: published by Roman on October 1, 2015
Revision 343: published on October 9, 2015
Revision 352: published by valid innerHTML test on October 30, 2015
Revision 358: published by Andoitz on November 17, 2015
Revision 372: published on January 18, 2016
Revision 382: published on February 18, 2016
Revision 398: published on March 22, 2016
Revision 408: published on October 16, 2018
Revision 411: published on October 16, 2018
Revision 415: published by Anthony Weber on October 23, 2018
Revision 418: published by Franklin Tse on November 6, 2018
Revision 419: published by Franklin Tse on November 6, 2018
Revision 421: published by Chandrasekhar Ambula V on November 12, 2018
Revision 430: published by Vilhelm Sjölund on December 10, 2018
Revision 437: published by Jonathan Park on January 18, 2019
Revision 439: published on January 28, 2019
Revision 440: published on January 28, 2019
Revision 441: published by Marcelo Barros on January 28, 2019
Revision 442: published by Marcelo Barros on January 28, 2019
Revision 443: published by Marcelo Barros on January 28, 2019
Revision 444: published by Marcelo Barros on January 28, 2019
Revision 445: published by Marcelo Barros on January 28, 2019
Revision 446: published by Marcelo Barros on January 28, 2019
Revision 447: published by Marcelo Barros on January 28, 2019
Revision 448: published by Marcelo Barros on January 28, 2019
Revision 449: published by Marcelo Barros on January 28, 2019
Revision 450: published by Marcelo Barros on January 28, 2019
Revision 451: published by Marcelo Barros on January 28, 2019
Revision 454: published by Andrew Charles on January 31, 2019
Revision 455: published by Andrew Charles on January 31, 2019
Revision 456: published by Andrew Charles on January 31, 2019
Revision 457: published by Andrew Charles on January 31, 2019
Revision 458: published by T. H. Doan on February 14, 2019
Revision 459: published by T. H. Doan on February 14, 2019
Revision 460: published by T. H. Doan on February 14, 2019
Revision 461: published by T. H. Doan on February 14, 2019
Revision 462: published by T. H. Doan on February 14, 2019
Revision 463: published by T. H. Doan on February 14, 2019
Revision 464: published by T. H. Doan on February 14, 2019
Revision 465: published by T. H. Doan on February 14, 2019
Revision 466: published by T. H. Doan on February 14, 2019
Revision 467: published by T. H. Doan on February 14, 2019
Revision 468: published by Aaditya Taparia on February 14, 2019
Revision 469: published by Dario Segura on March 1, 2019
Revision 473: published by Md. Enzam Hossain on March 23, 2019
Revision 474: published by Md. Enzam Hossain on March 24, 2019
Revision 475: published on April 11, 2019
Revision 478: published on April 15, 2019
Revision 479: published by Victor de Oliveira Areas on April 16, 2019
Revision 480: published by Victor de Oliveira Areas on April 16, 2019
Revision 481: published by Victor de Oliveira Areas on April 16, 2019
Revision 482: published by Jaibatrik Dutta on April 21, 2019
Revision 484: published by Michael Rawlings on May 4, 2019
Revision 494: published by Victor de Oliveira Areas on July 3, 2019
Revision 497: published by Victor de Oliveira Areas on July 3, 2019
Revision 501: published by Dan Gowans on July 8, 2019
Revision 503: published by K. Adam Christensen on July 12, 2019
Revision 512: published by Noel on August 21, 2019
Revision 525: published by Christopher Rogers on November 16, 2019
Revision 526: published by Christopher Rogers on November 17, 2019
Revision 527: published by Christopher Rogers on November 17, 2019
Revision 559: published by Malek on March 24, 2020
Revision 577: published by Oleg Nechaev on July 5, 2020
Revision 578: published by Oleg Nechaev on July 5, 2020
Revision 579: published by Oleg Nechaev on July 5, 2020
Revision 580: published by Oleg Nechaev on July 5, 2020
Revision 581: published by Bartosz Paulewicz on July 5, 2020
Revision 583: published by Sören Liebich on July 12, 2020
Revision 585: published on April 18, 2023
Revision 586: published on April 18, 2023
Revision 587: published on February 11, 2024