Weld vs Mustach

Benchmark created by Joshua Kehn on October 25, 2011

Preparation HTML

<script src="http://mustache.github.com/extras/mustache.js"></script>
<script src="https://raw.github.com/hij1nx/weld/master/lib/weld.js"></script>

<div id="welddiv">
  <h1 id="name">My Name</h1>
  <ul><li class="interests">An interest</li></ul>
</div>

<div id="mustachediv">
   <h1>{{name}}</h1>
   {{#items}}
     <li>{{interests}}</li>
   {{/items}}
</div>
<div id="mustachediv-saved">
   <h1>{{name}}</h1>
   {{#items}}
     <li>{{interests}}</li>
   {{/items}}
</div>

Setup

var me = {
      "name": "Joshua Kehn",
      "interests" : [
        "javascript",
        "node.js",
        "development",
        "programming"
      ]
    };
    
    var weld_elem = document.getElementById('welddiv');
    
    var me_stach = {
      "name": "Joshua Kehn",
      "interests" : [
        {"interest":"javascript"},
        {"interest":"node.js"},
        {"interest":"development"},
        {"interest":"programming"}
      ]
    };
    
    var m_elem = document.getElementById('mustachediv');
    var m_saved = document.getElementById('mustachediv-saved');

Test runner

weld(weld_elem, me);

m_elem.innerHTML = Mustache.to_html(m_saved.innerHTML, me_stach);

Revisions

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

• Revision 1: published by Joshua Kehn on October 25, 2011