html string vs createElement (v65)

Revision 65 of this benchmark created on

Test runner

Ready to run.

Testing in
TestOps/sec
html string
var days = [
  {
    "url": "/day/2012-11-27",
    "date": "2012-11-27"
  },
  {
    "url": "/day/2012-11-28",
    "date": "2012-11-28"
  },
  {
    "url": "/day/2012-11-29",
    "date": "2012-11-29"
  }
];
document.body.innerHTML = '<ul>'
      + days.map(function(day){
        return ['<li><a href="',day.url,'">',day.date,'</a></li>'].join('');
      }).join('')
      + '</ul>';
ready
createelement
var days = [
  {
    "url": "/day/2012-11-27",
    "date": "2012-11-27"
  },
  {
    "url": "/day/2012-11-28",
    "date": "2012-11-28"
  },
  {
    "url": "/day/2012-11-29",
    "date": "2012-11-29"
  }
];
var ul = document.createElement('ul')
for (var day in days) {
  var li = document.createElement('li');
  var a = document.createElement('a');
  a.href = days[day].url
  a.textContent = days[day].date;
  li.append(a);
  ul.append(li);
}

document.body.append(ul);
ready

Revisions

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