doT.js vs. Handlebars precompile (v7)

Revision 7 of this benchmark created on

Description

A test to show benchmark for popular JS templaters.

Preparation HTML

<script type="text/javascript" src="https://rawgithub.com/olado/doT/master/doT.js">
</script>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.0/handlebars.min.js"></script>

<script type="text/javascript">
window.sharedVariables = [{
  first_name: 'Alex',
  last_name: null,
  age: 24,
  gender: 'male'
},
{
  first_name: 'Jane',
  last_name: 'Painkiller',
  age: 26,
  gender: 'female'
}];

window.dotTemplate = '{{~it:x}}<li class="people {{=x.gender}}"><span class="name">{{=x.first_name}}{{? x.last_name}} {{=x.last_name}}{{?}}</span><span class="age">{{=x.age}}</span></li>{{~}}';

window.dotCompiled = doT.template(dotTemplate);

window.handlebarsTemplate = '{{#.}}<li class="people {{gender}}"><span class="name">{{first_name}}{{#if last_name}} {{last_name}}{{/if}}</span><span class="age">{{age}}</span></li>{{/.}}';

window.handlebarsCompiled = Handlebars.compile(handlebarsTemplate);
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
doT.js precompiled
dotCompiled(sharedVariables);
ready
Handlebars.js precompiled
handlebarsCompiled(sharedVariables);
ready

Revisions

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