jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

template engines performance dot mustache nunjucks swig (v24)

Revision 24 of this benchmark created on May 19, 2015

Description

doT vs nunjucks vs mustache vs swig vs handlebars

Preparation HTML

<div id="main"></div>
<div id="wrapper"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://rawgithub.com/janl/mustache.js/master/mustache.js"></script>
<script src="http://rawgithub.com/mozilla/nunjucks/master/browser/nunjucks.min.js"></script>
<script src="http://rawgithub.com/olado/doT/master/doT.js"></script>
<script src="http://paularmstrong.github.io/swig/js/swig.min.js"></script>
<script src="http://rawgit.com/components/handlebars.js/v2.0.0/handlebars.min.js"></script>
<script src="https://cdn.rawgit.com/adammark/Markup.js/master/src/markup.min.js"></script>

<script id="mustache" type="text/x-mustache-template">
    <ul class="tweetSearchResultList">
        {{#results}}
            <li>
                <img src="{{profile_image_url}}" alt="{{from_user_name}}"/>
                <p>{{text}}</p>
                <span>{{id}}</span>
                <span>{{created_at}}</span>
            </li>
        {{/results}}
    </ul>
</script><!-- #mustache -->

<script id="nunjucks" type="text/x-nunjucks-template">
    <ul class="tweetSearchResultList">
        {% for item in results %}
            <li>
                <img src="{{ item.profile_image_url }}" alt="{{ item.from_user_name }}"/>
                <p>{{item.text}}</p>
                <span>{{item.id}}</span>
                <span>{{item.created_at}}</span>
            </li>
        {% endfor %}
    </ul>
</script><!-- #nunjucks -->

<script id="dot" type="text/x-dot-template">
    <ul class="tweetSearchResultList">
        {{~it.results :item:index}}
            <li>
                <img src="{{= item.profile_image_url }}" alt="{{= item.from_user_name }}"/>
                <p>{{=item.text}}</p>
                <span>{{=item.id}}</span>
                <span>{{=item.created_at}}</span>
            </li>
        {{~}}
    </ul>
</script><!-- #dot -->

<script id="swig" type="text/x-swig-template">
    <ul class="tweetSearchResultList">
        {% for item in results %}
            <li>
                <img src="{{ item.profile_image_url }}" alt="{{ item.from_user_name }}"/>
                <p>{{item.text}}</p>
                <span>{{item.id}}</span>
                <span>{{item.created_at}}</span>
            </li>
        {% endfor %}
    </ul>
</script><!-- #swig -->

<script id="handlebars" type="text/x-handlebars-template">
    <ul class="tweetSearchResultList">
        {{#each results}}
            <li>
                <img src="{{profile_image_url}}" alt="{{from_user_name}}"/>
                <p>{{text}}</p>
                <span>{{id}}</span>
                <span>{{created_at}}</span>
            </li>
        {{/each}}
    </ul>
</script><!-- #handlebars -->

<script id="markup" type="text/x-markup-template">
    <ul class="tweetSearchResultList">
        {{results}}
            <li>
                <img src="{{profile_image_url}}" alt="{{from_user_name}}"/>
                <p>{{text}}</p>
                <span>{{id}}</span>
                <span>{{created_at}}</span>
            </li>
        {{/results}}
    </ul>
</script><!-- #markup -->



<script>
    var templates = {
        mustache: jQuery('#mustache').html()
        , nunjucks: jQuery('#nunjucks').html()
        , dot: jQuery('#dot').html()
        , swig: jQuery('#swig').html()
        , handlebars: jQuery('#handlebars').html()
        , markup: jQuery('#markup').html()
    };
    
</script>

Setup

var tweets;
      var template;
    
      tweets = {
        "completed_in": 0.066,
        "max_id": 253753829672239104,
        "max_id_str": "253753829672239104",
        "next_page": "?page=2&max_id=253753829672239104&q=china",
        "page": 1,
        "query": "china",
        "refresh_url": "?since_id=253753829672239104&q=china",
        "results": [{
          "created_at": "Thu, 04 Oct 2012 07:10:02 +0000",
          "from_user": "rudsonjhdw",
          "from_user_id": 129806482,
          "from_user_id_str": "129806482",
          "from_user_name": "leticia tamara da is",
          "geo": null,
          "id": 253753829672239104,
          "id_str": "253753829672239104",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/sticky\/default_profile_images\/default_profile_1_normal.png",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/sticky\/default_profile_images\/default_profile_1_normal.png",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/&quot;&gt;web&lt;\/a&gt;",
          "text": "The most common phrase in China \"Hey! You look familiar!\"",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:10:01 +0000",
          "from_user": "sandru3",
          "from_user_id": 63535904,
          "from_user_id_str": "63535904",
          "from_user_name": "sandruuuu!",
          "geo": null,
          "id": 253753827558313985,
          "id_str": "253753827558313985",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2663559631\/bf31e812855a0e52415880ea8e84a362_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2663559631\/bf31e812855a0e52415880ea8e84a362_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/www.echofon.com\/&quot;&gt;Echofon&lt;\/a&gt;",
          "text": "RT @WTA: RT @WTA: Maria Sharapova reaches the China Open QFs w\/ a 60 62 win over Polona Hercog. Awaits winner of Kerber\/Wozniacki. #WTA http:\/\/t. ...",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:10:00 +0000",
          "from_user": "BlGBlRD",
          "from_user_id": 223682306,
          "from_user_id_str": "223682306",
          "from_user_name": "Big Bird",
          "geo": null,
          "id": 253753824504864768,
          "id_str": "253753824504864768",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2678588911\/e9460b8843f561d0c4326852e9502a8a_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2678588911\/e9460b8843f561d0c4326852e9502a8a_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/&quot;&gt;web&lt;\/a&gt;",
          "text": "I better go find a safe place to hide before Mitt Romney chops me up into little pieces and sells me off to create jobs in China. :(",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:10:00 +0000",
          "from_user": "irra01010302",
          "from_user_id": 318970932,
          "from_user_id_str": "318970932",
          "from_user_name": "Lee Kyuyeon\u2665",
          "geo": null,
          "id": 253753822076342273,
          "id_str": "253753822076342273",
          "iso_language_code": "ja",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2644336139\/233bd701fb824793c7bbf6638337dab5_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2644336139\/233bd701fb824793c7bbf6638337dab5_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/ubersocial.com&quot;&gt;UberSocial for BlackBerry&lt;\/a&gt;",
          "text": "RT _GoodbyeDays: 121002 China-Korea Music Festival #KyuMin's back  http:\/\/t.co\/dv1kF0PB --- http:\/\/t.co\/E8i5Xgv1 and *whisper** (\u25e0\ufe3f\u25e0\u2606)",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:59 +0000",
          "from_user": "OtherJesus",
          "from_user_id": 137240583,
          "from_user_id_str": "137240583",
          "from_user_name": "k daniels",
          "geo": null,
          "id": 253753819194855424,
          "id_str": "253753819194855424",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/1270315391\/Photo_2_normal.jpg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/1270315391\/Photo_2_normal.jpg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/download\/iphone&quot;&gt;Twitter for iPhone&lt;\/a&gt;",
          "text": "Romney has the balls to say we need to stop borrowing money from China but the Internet is more worried about PBS.",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:58 +0000",
          "from_user": "s_china_2",
          "from_user_id": 191720529,
          "from_user_id_str": "191720529",
          "from_user_name": "chinatsu shiraishi",
          "geo": null,
          "id": 253753812953731073,
          "id_str": "253753812953731073",
          "iso_language_code": "ja",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2517129390\/y5zchzI2_normal",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2517129390\/y5zchzI2_normal",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/download\/android&quot;&gt;Twitter for Android&lt;\/a&gt;",
          "text": "\u3069\u3093\u306a\u4eba\u3068\u53cb\u9054\u306b\u306a\u308a\u305f\u3044\u304b\uff1f",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:57 +0000",
          "from_user": "DicholasNuncan",
          "from_user_id": 500352351,
          "from_user_id_str": "500352351",
          "from_user_name": "Dick Nuncan",
          "geo": null,
          "id": 253753812190367744,
          "id_str": "253753812190367744",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2587255425\/49z4wlwvqarxi8igree5_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2587255425\/49z4wlwvqarxi8igree5_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/&quot;&gt;web&lt;\/a&gt;",
          "text": "@meowitsmaija I honestly don't think we will ever pay it back. And China knows it's not wise to go to war with us over it since we run NATO",
          "to_user": "meowitsmaija",
          "to_user_id": 81961249,
          "to_user_id_str": "81961249",
          "to_user_name": "Maija Cole",
          "in_reply_to_status_id": 253753106284826624,
          "in_reply_to_status_id_str": "253753106284826624"
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:56 +0000",
          "from_user": "deerleuhan",
          "from_user_id": 320617461,
          "from_user_id_str": "320617461",
          "from_user_name": "dinyu",
          "geo": null,
          "id": 253753806930710528,
          "id_str": "253753806930710528",
          "iso_language_code": "ko",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2664962425\/b4a9b1f94d85ff4ec4ef3135c01c3cbd_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2664962425\/b4a9b1f94d85ff4ec4ef3135c01c3cbd_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/m.dabr.co.uk&quot;&gt;Dabr&lt;\/a&gt;",
          "text": "RT @ohappybubbleo: RT @ohappybubbleo: 121002 China-Korea Festival #LUHAN - Beacuse of you, I can show you my everything.\u2764 http:\/\/t.co\/IiNzb2jl  \ub354 \ub9ce\uc740 \uc0ac\uc9c4\uc740 \uc55e\uc73c ...",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:55 +0000",
          "from_user": "timiacono",
          "from_user_id": 125448978,
          "from_user_id_str": "125448978",
          "from_user_name": "Tim Iacono",
          "geo": null,
          "id": 253753801322930176,
          "id_str": "253753801322930176",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/1801769606\/tim_normal.jpg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/1801769606\/tim_normal.jpg",
          "source": "&lt;a href=&quot;http:\/\/twitterfeed.com&quot;&gt;twitterfeed&lt;\/a&gt;",
          "text": "Debt and Real Estate in China: This Washington Post story serves as a timely reminder that all is not well in Ch... http:\/\/t.co\/VNqjhCBM",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:54 +0000",
          "from_user": "Fhiros",
          "from_user_id": 212611036,
          "from_user_id_str": "212611036",
          "from_user_name": "The Synyster Reaper",
          "geo": null,
          "id": 253753796642107392,
          "id_str": "253753796642107392",
          "iso_language_code": "es",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2444574177\/fxo62fo3d29cx60asx8c_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2444574177\/fxo62fo3d29cx60asx8c_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/&quot;&gt;web&lt;\/a&gt;",
          "text": "RT @EresCurioso: RT @EresCurioso: Matar a un oso panda en China se castiga con la muerte",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:53 +0000",
          "from_user": "Avatti",
          "from_user_id": 258781722,
          "from_user_id_str": "258781722",
          "from_user_name": "Avatti Consulting",
          "geo": null,
          "id": 253753793810952192,
          "id_str": "253753793810952192",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/1672042358\/Avatti_Logo_Twitter_normal.png",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/1672042358\/Avatti_Logo_Twitter_normal.png",
          "source": "&lt;a href=&quot;http:\/\/twitterfeed.com&quot;&gt;twitterfeed&lt;\/a&gt;",
          "text": "PlattsOil: What impact will China and India's recent #gasoil price hikes have? Find out with Platts' Oil Roundta... http:\/\/t.co\/V6h6dEfX",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:53 +0000",
          "from_user": "Aishhhwarya",
          "from_user_id": 50203978,
          "from_user_id_str": "50203978",
          "from_user_name": "AISH,\u2665",
          "geo": null,
          "id": 253753792988852224,
          "id_str": "253753792988852224",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2654759049\/63d3333c33900f66c2c336c4d9090278_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2654759049\/63d3333c33900f66c2c336c4d9090278_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/&quot;&gt;web&lt;\/a&gt;",
          "text": "@Rachel__xoxo Did you watch the China episode ytd!? hahah, how was it!! :D",
          "to_user": "Rachel__xoxo",
          "to_user_id": 341290950,
          "to_user_id_str": "341290950",
          "to_user_name": "Rachel Chen"
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:50 +0000",
          "from_user": "andieacoustic",
          "from_user_id": 185732914,
          "from_user_id_str": "185732914",
          "from_user_name": "Andie Gilmore",
          "geo": null,
          "id": 253753782540828672,
          "id_str": "253753782540828672",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2672219278\/84fa38e958db77d8407d8842938d92e5_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2672219278\/84fa38e958db77d8407d8842938d92e5_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/download\/android&quot;&gt;Twitter for Android&lt;\/a&gt;",
          "text": "Just noticed I have a bump the size of China on my leg from softball. #thatscool",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:49 +0000",
          "from_user": "UrbanArtists",
          "from_user_id": 37956350,
          "from_user_id_str": "37956350",
          "from_user_name": "Urban Artists",
          "geo": null,
          "id": 253753775125307393,
          "id_str": "253753775125307393",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2146140756\/picasion.com_b0b04a1faceace85bb8bf3ef722dbd23_normal.gif",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2146140756\/picasion.com_b0b04a1faceace85bb8bf3ef722dbd23_normal.gif",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/download\/iphone&quot;&gt;Twitter for iPhone&lt;\/a&gt;",
          "text": "RT @blazeSNT: RT @blazeSNT: Trolling in china lol guangzhou city http:\/\/t.co\/dqJrVCQr",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }, {
          "created_at": "Thu, 04 Oct 2012 07:09:49 +0000",
          "from_user": "LuciusHu",
          "from_user_id": 786442992,
          "from_user_id_str": "786442992",
          "from_user_name": "Lucius",
          "geo": null,
          "id": 253753774479392768,
          "id_str": "253753774479392768",
          "iso_language_code": "en",
          "metadata": {
            "result_type": "recent"
          },
          "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2562647642\/aukjnkx1ywco5oeuowsz_normal.jpeg",
          "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2562647642\/aukjnkx1ywco5oeuowsz_normal.jpeg",
          "source": "&lt;a href=&quot;http:\/\/twitter.com\/tweetbutton&quot;&gt;Tweet Button&lt;\/a&gt;",
          "text": "Twitter: \u2018biggest in China\u2019, report | beyondbrics | http:\/\/t.co\/rL0q7Pu0 http:\/\/t.co\/1FIZYj2t",
          "to_user": null,
          "to_user_id": 0,
          "to_user_id_str": "0",
          "to_user_name": null
        }],
        "results_per_page": 15,
        "since_id": 0,
        "since_id_str": "0"
      };
    
      // dot precompiled
      var dot_precomp = doT.template(templates.dot);
    
      // precompile (preparse) mustache
      Mustache.parse(templates.mustache);
    
      // nunjucks precompiled
      var nunjucks_precomp = new nunjucks.Template(templates.nunjucks);
    
      // Swig precompiled
      var swig_precomp = swig.compile(templates.swig);
    
      // precompile Handlebars
      var handlebars_precomp = Handlebars.compile(templates.handlebars);

Test runner

Ready to run.

Testing in
Test		Ops/sec
doT	`var dot_temp = doT.template(templates.dot); var dot_res = dot_temp(tweets);`	ready
mustache	`Mustache.clearCache(); Mustache.render(templates.mustache, tweets);`	ready
nunjucks	`var tmpl = nunjucks.compile(templates.nunjucks); tmpl.render(tweets);`	ready
Swig	`var swig_temp = swig.compile(templates.swig); var swig_res = swig_temp(tweets);`	ready
handlebars	`var handlebars = Handlebars.compile(templates.handlebars); handlebars(tweets);`	ready
markup	`var markup = Mark.up(templates.markup, tweets);`	ready
dot precompiled	`dot_precomp(tweets);`	ready
precompile (preparse) mustache	`Mustache.render(templates.mustache, tweets);`	ready
nunjucks precompiled	`nunjucks_precomp.render(tweets);`	ready
Swig precompiled	`swig_precomp(tweets);`	ready
precompile Handlebars	`handlebars_precomp(tweets);`	ready

Revisions

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

Revision 1: published on July 2, 2013
Revision 2: published on July 2, 2013
Revision 3: published on July 2, 2013
Revision 5: published on September 5, 2013
Revision 6: published on December 17, 2013
Revision 7: published by usmonster on January 27, 2014
Revision 8: published on April 5, 2014
Revision 9: published on April 5, 2014
Revision 10: published by MarcinKI on October 12, 2014
Revision 11: published by apfelbox on October 17, 2014
Revision 12: published on October 31, 2014
Revision 13: published on January 22, 2015
Revision 14: published on January 23, 2015
Revision 15: published by Andy on February 3, 2015
Revision 19: published on March 7, 2015
Revision 20: published on March 11, 2015
Revision 21: published on March 22, 2015
Revision 23: published on May 19, 2015
Revision 24: published on May 19, 2015
Revision 26: published on June 4, 2015
Revision 27: published on August 9, 2015
Revision 28: published on August 9, 2015
Revision 29: published by Francisco Lopes on September 23, 2015