MeasureThat.net

Run results for: mustache rendering performance - parsed vs unparsed

nya nya nya

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36
Chrome 89
Windows
Desktop
4 years ago
Test name Executions per second
Mustache Unparsed 272939.7 Ops/sec
Mustache Parsed 279923.5 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v4.0.5.js"></script>
2
<script src="https://twitter.github.io/hogan.js/builds/3.0.1/hogan-3.0.1.js"></script>
3
<script src="https://rawgit.com/janl/mustache.js/v2.2.1/mustache.js"></script>
4
<script src="https://rawgit.com/satchmorun/mote/master/mote.js"></script>
Script Preparation code:
​x
 
var templateParsed = "<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 templateUnparsed = "<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
};
​
Mustache.parse(templateParsed);
​
Tests:

  • Mustache Unparsed

     
    Mustache.render(templateUnparsed, context);

  • Mustache Parsed

     
    Mustache.render(templateParsed, context);