Benchmark: mustache rendering performance-fix

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);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Handlebars
Mustache
Mote

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):

LLMs can make mistakes. Check important info.

I'd be happy to explain what's being tested in this benchmark.

**Benchmark Overview**

The benchmark is designed to compare the performance of three templating engines: Handlebars, Mustache, and Mote. The benchmark prepares two templates, one for each engine, and then runs them with a predefined context object. The test measures how many executions per second each engine can handle.

**Template Preparation**

The template preparation code defines two templates using Handlebars and Mustache:

1. **Handlebars Template**: A template that uses Handlebars' syntax to render a complex list of items.
2. **Mustache Template**: A template that uses Mustache's syntax to render the same complex list of items.

Both templates are identical, with some differences in syntax between Handlebars and Mustache.

**Script Preparation Code**

The script preparation code sets up the execution environment for each engine:

1. **Handlebars**: Compiles the Handlebars template using `Handlebars.compile(template)`.
2. **Mustache**: Parses the Mustache template using `Mustache.parse(template)`. Note that Mustache doesn't have a compile() method like Handlebars.
3. **Mote**: Compiles the Mote template using `mote.compile(template)`.

**Comparison**

The benchmark compares the performance of each engine by running them with the same context object and measuring how many executions per second they can handle.

Here's a brief overview of each engine's strengths and weaknesses:

1. **Handlebars**:
	* Pros: Mature, widely adopted, and well-maintained.
	* Cons: Can be complex to learn and use, especially for large templates.
2. **Mustache**:
	* Pros: Simpler syntax than Handlebars, easier to learn and use.
	* Cons: Less mature and less widely adopted than Handlebars.
3. **Mote**:
	* Pros: Fast and efficient, with a focus on performance.
	* Cons: Less widely adopted and maintained than Handlebars.

**Library Usage**

The benchmark uses the following libraries:

1. **Handlebars**: The Handlebars library is used to compile and render the Handlebars template.
2. **Mustache**: The Mustache library is used to parse and render the Mustache template.
3. **Mote**: The Mote library is used to compile and render the Mote template.

**Special JS Features or Syntax**

None of the benchmark tests use any special JavaScript features or syntax beyond the templating engine syntax itself.

**Alternative Templating Engines**

Other templating engines that are not included in this benchmark include:

1. **Pug**: A fast, modular templating engine.
2. **EJS**: An embedded JavaScript templating engine.
3. **Django's Template Engine**: A full-fledged templating engine for Django web frameworks.

Note that each of these engines has its own strengths and weaknesses, and the choice of which one to use depends on specific requirements and use cases.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0

Browser/OS: Firefox 67 on Windows

View result in a separate tab

Test name	Executions per second
Handlebars	141407.6 Ops/sec
Mustache	98172.1 Ops/sec
Mote	369156.7 Ops/sec

Related benchmarks:

mustache rendering performance-fix (version: 0)

fix handlebars

Comparing performance of: Handlebars vs Mustache vs Mote

Created: 6 years ago by: Guest

Jump to the latest result

Handlebars

Mustache

Mote

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):