test

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="mydiv" style="display:none"></div>
 
<script>
  var html = "<div>some<span>things</span><br>never<div>change</div></div>";
  var count = 50;
  
  function cleanup() {
   $("#mydiv").html("");
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
test1
cleanup();
for (var i = count; i--;) {
 $("#mydiv").append($("<div />").css('color', '#444').html("test"));
}
ready
test2
cleanup();
for (var i = count; i--;) {
 $("#mydiv").append($("<div style='color:#444'>test</div>"));
}
ready

Revisions

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