creating elements test

Benchmark created on

Preparation HTML

<div id="container" class="container">
</div>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

Setup

$('#container').hide();

Test runner

Ready to run.

Testing in
TestOps/sec
1
for (var cnt=0; cnt < 5; cnt++) 
{
 var $c = $(document.createElement('p')).text('Lorem ipsum dolor sit amet');
  $('.container').append($c);
}
ready
2
var $i = $('<div>');

for (var cnt=0; cnt < 5; cnt++) 
{
 var $c = $(document.createElement('p')).text('Lorem ipsum dolor sit amet');
 $i.append($c);
}
$('.container').append($i);
ready
3
var str='';
for(var cnt=0; cnt < 5; cnt++){
   str += '<p>Lorem ipsum dolor sit amet</p>';
}
$('.container').append(str);
ready
4
var str='';

for(var cnt=0; cnt < 5; cnt++){
   str += '<p>Lorem ipsum dolor sit amet</p>';
}
document.getElementById('container').innerHTML=str;
ready

Revisions

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