Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Precompiled Templates

Demo project around precompiled templates for some template engines. The goal is implement and configure things correctly, and to look for minimal footprint and best performance.

  • Module format: AMD (using Require.js + optimizer)
  • Modules are optimized and external templates will be precompiled and bundled.
  • The three optimized modules use the runtime version of each template engine.
  • Template engines included are Handlebars, Hogan, and Dust.
  • Dedicated plugins for require.js + optimizer are used for each engine (HB, HGN, DST).
  • These plugins are stubbed out in the optimized modules.

Install & build

npm install
bower install

Working demo at modules/index.html. Open browser console for rendered output.

After running grunt, the optimized build is at dist/index.html.


Size of engine: full vs. runtime

Switching to the runtime version for precompiled templates can save lots of bytes:

_ Handlebars Hogan Dust
Full library (min) 37764 5885 32671
Runtime (min) 4416 2449 7291
Runtime (min+gzip) 1876 1117 2343

NOTE Don't compare apples and oranges: this table is only meant to show the difference between the full and runtime version of a particular engine.

Size of compiled templates

When precompiling templates from source to a JavaScript function, the size increases (this is normal: e.g. templating syntax is translated to function calls). With a small source template of 220 bytes:

_ Handlebars Hogan Dust
Source 220 220 202
Compiled JS 1061 683 671

With a larger source template of 27254 bytes:

_ Handlebars Hogan Dust
Source 27254 27254 26820
Compiled JS 45689 39274 33657
Increase 68% 44% 25%

Note that the Dust source templates are slightly smaller due to its delimiter syntax ({{..}} vs. {..}).


Performance measurements are done using jsPerf: for the small source template and the larger one. These charts indicate that Handlebars is the fastest to render precompiled templates.


  • Footprint: Hogan has the smallest footprint, both the engine itself and the precompiled templates are small (it also has the smallest feature set!). However, Dust quickly catches up when templates become larger.
  • Performance: Handlebars seems the fastest engine to render precompiled templates in most cases/browsers (though the tests are very limited in range and scale!).

It's important to note that this is a very rough comparison between template engines using only their most basic features. When adding some complexity (e.g. helpers, partials), size and performance will change.


Performance, footprint and configuration of template engines and precompiled templates



No releases published
You can’t perform that action at this time.