Append VS prepend (v6)

Revision 6 of this benchmark created by Dmitry on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="test1">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div><div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div><div></div>
<div></div>
</div>
<div id="test2">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div><div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div><div></div>
<div></div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
Append
$('#test1').append('<span></span>');
ready
Prepend
$('#test2').prepend('<span></span>');
ready

Revisions

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