Benchmark: mustache rendering performance

HTML Preparation code:

<script src="https://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v4.0.5.js"></script>
<script src="https://twitter.github.io/hogan.js/builds/3.0.1/hogan-3.0.1.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);
var hoganRenderer = Hogan.compile(template);
Mustache.parse(template);
var moteRenderer = mote.compile(template);

Tests:

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Handlebars
Hogan
Mustache
Mote

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Linux; U; Android 4.4.2; pl-pl; LG-D722 Build/KOT49I.A1422964302) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.1599.103 Mobile Safari/537.36

Browser/OS: Chrome Mobile 30 on Android 4.4.2

View result in a separate tab

Test name	Executions per second
Handlebars	9935.3 Ops/sec
Hogan	23552.1 Ops/sec
Mustache	6291.5 Ops/sec
Mote	49686.0 Ops/sec

mustache rendering performance (version: 3)

nya nya nya

Comparing performance of: Handlebars vs Hogan vs Mustache vs Mote

Created: 7 years ago by: Registered User

Jump to the latest result

Handlebars

Hogan

Mustache

Mote

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A