Run results for: mustache rendering performance-fix

Run details:

User agent: Mozilla/5.0 (Linux; Android 6.0; LG-H815 Build/MRA58K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Mobile Safari/537.36

Browser: Chrome Mobile 67

Operating system: Android 6.0

Device Platform: Mobile

Date tested: 6 years ago

Test name	Executions per second
Handlebars	61563.0 Ops/sec
Mustache	27633.9 Ops/sec
Mote	143581.8 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.js"></script>
<script src="https://rawgit.com/janl/mustache.js/v2.2.1/mustache.js"></script>
<script src="https://rawgit.com/satchmorun/mote/master/mote.js"></script>

Script Preparation code:

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);
Mustache.parse(template);
var moteRenderer = mote.compile(template);

Tests:

Handlebars
handlebarsRenderer(context);
Mustache
Mustache.render(template, context);
Mote
moteRenderer(context);

Run results for: mustache rendering performance-fix

fix handlebars

Handlebars

Mustache

Mote