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 append one element vs collection of elements

Benchmark created on June 10, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="content">
</div>

<div id="one">
<div class="inner">
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
</div>
</div>

<div id="many">
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
</div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
One element	`var els = $($('#one').html()); $('#content').empty().append(els);`	ready
Collection of elements	`var els = $($('#many').html()); $('#content').empty().append(els);`	ready

Revisions

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

Revision 1: published on June 10, 2011