Run results for: mustache@4.0.1 vs handlebars@4.7.6

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.3.1

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Mustache

598K/s

Handlebars

422K/s

View exact numbers

Test name	Executions per second
✓ Mustache	598,284 Ops/sec
Handlebars	422,382 Ops/sec

HTML Preparation code:

<script src="https://s3.amazonaws.com/builds.handlebarsjs.com/handlebars.min-v4.7.6.js"></script>
<script src="https://unpkg.com/mustache@4.0.1/mustache.min.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);

Tests:

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