t-bench2

JavaScript performance comparison

Revision 7 of this test case created by and last updated

Preparation code

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://twitter.github.com/hogan.js/builds/1.0.3/hogan.js"></script>
<script src="http://github.com/janl/mustache.js/raw/master/mustache.js"></script>
      
<script>
Benchmark.prototype.setup = function() {
  var template = "<strong>This is a slightly more complicated {{thing}}.</strong>.\n{{! Just ignore this business. }}\nCheck this out:\n{{#hasThings}}\n<ul>\n{{#things}}\n<li class={{className}}>{{word}}</li>\n{{/things}}</ul>.\n{{/hasThings}}\n{{^hasThings}}\n\n<small>Nothing to check out...</small>\n{{/hasThings}}";
  
  var context = {
    thing: function() {
      return "blah";
    },
    things: [
      {"className": "one", word: "@fat"},
      {"className": "two", word: "@dhg"},
      {"className": "three", word:"@sayrer"}
    ],
    hasThings: true
  };
  
  var handlebarsRenderer = Handlebars.compile(template);
  var hoganRenderer = Hogan.compile(template);

};
</script>

Preparation code output

<script src="http://twitter.github.com/hogan.js/builds/1.0.3/hogan.js"></script> <script src="http://github.com/janl/mustache.js/raw/master/mustache.js"></script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Handlebars
handlebarsRenderer(context);
pending…
Hogan
hoganRenderer.render(context);
pending…
Mustache
Mustache.to_html(template, context);
pending…

Compare results of other browsers

Revisions

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

0 Comments