Clone vs Html String vs Template

Benchmark created by Amjad Masad on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script>
  $.template('div', '<div><pre>$text</pre></div>');
  $div = $('<div><pre></pre></div>');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Clone
$div.clone().find('pre').text('amjad').end().appendTo('body');
ready
tmpl
$.tmpl('div', {
 text: 'amjad'
}).appendTo('body');
ready
string
$('<div><pre>' + 'amjad' + '</pre></div>').appendTo('body');
ready

Revisions

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