Y.Template.Micro vs. others (v4)

Revision 4 of this benchmark created by Ryan Grove on August 28, 2012

Preparation HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>
<script>
var Y = YUI().use('escape', 'handlebars', function (Y) {

Y.Get.script('https://raw.github.com/rgrove/yui3/template/src/template/js/template-micro.js');

});
</script>

Setup

var yuiTemplate = "<ul class='<%=classNames.list%>'><% for (var i=0, len=items.length; i < len; i++) { %><li class='item'><%=items[i]%></li><% } %></ul>";
    
    var yuiTemplateNoWith = "<ul class='<%=data.classNames.list%>'><% for (var i=0, len=data.items.length; i < len; i++) { %><li class='item'><%=data.items[i]%></li><% } %></ul>";
    
    var handlebarsTemplate = "<ul class='{{classNames.list}}'>{{#items}}<li class='item'>{{.}}</li>{{/items}}</ul>";
    
    var underscoreTemplate = "<ul class='<%-classNames.list%>'><% for (var i=0, len=items.length; i < len; i++) { %><li class='item'><%-items[i]%></li><% } %></ul>";
    
    var underscoreTemplateNoWith = "<ul class='<%-data.classNames.list%>'><% for (var i=0, len=data.items.length; i < len; i++) { %><li class='item'><%-data.items[i]%></li><% } %></ul>";
    
    var compiledYUI = Y.Template.Micro.compile(yuiTemplate);
    var compiledYUINoWith = Y.Template.Micro.compile(yuiTemplateNoWith, {variable: 'data'});
    var compiledHandlebars = Y.Handlebars.compile(handlebarsTemplate);
    var compiledUnderscore = _.template(underscoreTemplate);
    var compiledUnderscoreNoWith = _.template(underscoreTemplateNoWith, null, {variable: 'data'});
    
    var data = {
        classNames: {list: 'test-list'},
        items: ['foo', 'bar', "'baz'", '<quux>', 'cats & dogs', 'monkeys & bananas']
    };

Test runner

window.result = compiledUnderscore(data);

window.result = compiledYUI(data);

window.result = compiledHandlebars(data);

window.result = compiledUnderscoreNoWith(data);

window.result = compiledYUINoWith(data)

window.result = _.template(underscoreTemplate, data);

window.result = Y.Template.Micro.render(yuiTemplate, data);

window.result = Y.Handlebars.render(handlebarsTemplate, data);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 4: published by Ryan Grove on August 28, 2012