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

jquery - empty vs html (v13)

Revision 13 of this benchmark created by paul on January 18, 2013

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="foo"><div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div>
<div>
        <h1>Hello World</h1>
        <p>How are you?</p>
</div></div>
<script>
  var foo = $('#foo'),
foo_inner = $('#lol');
</script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
innerHTML	`foo[0].innerHTML = '';`	ready
html	`foo.html('');`	ready
empty	`foo.empty();`	ready

Revisions

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

Revision 1: published on March 28, 2011
Revision 2: published on April 19, 2011
Revision 3: published on April 26, 2011
Revision 4: published on July 13, 2011
Revision 5: published on July 14, 2011
Revision 7: published on November 4, 2011
Revision 8: published on November 7, 2011
Revision 10: published on September 18, 2012
Revision 11: published on September 18, 2012
Revision 12: published on January 7, 2013
Revision 13: published by paul on January 18, 2013
Revision 14: published by Danny on February 5, 2013
Revision 15: published on February 14, 2013
Revision 16: published by Chris Lee on February 14, 2013
Revision 17: published on May 8, 2013
Revision 18: published on June 27, 2013
Revision 19: published on July 6, 2013
Revision 20: published on October 23, 2013
Revision 21: published on December 17, 2013
Revision 22: published on December 17, 2013
Revision 23: published on December 18, 2013
Revision 25: published on March 10, 2014
Revision 26: published on March 29, 2014
Revision 27: published on April 13, 2014
Revision 28: published on April 13, 2014
Revision 29: published on May 14, 2014
Revision 31: published on January 27, 2015
Revision 32: published on January 28, 2015
Revision 33: published on February 19, 2015
Revision 34: published by ref on February 27, 2015
Revision 35: published by asdfsdf on March 2, 2015
Revision 37: published by Petter on June 12, 2015
Revision 38: published on June 17, 2015