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:
var colors = ["red", "yellow", "green", "cyan", "blue", "magenta"];
Teardown
var sample = document.getElementById('sample');
sample.innerHTML = "<h1 id='title'>Title</h1><h2 id='subtitle'>by</h2><div id='content'></div>";
Test runner
Ready to run.
Testing in
Test
Ops/sec
DOM
var title = document.getElementById('title');
var subtitle = document.getElementById('subtitle');
var content = document.getElementById('content');
title.firstChild.nodeValue = "Colors";
subtitle.firstChild.nodeValue += " John Doe";
var list = document.createElement('ul');
for (var i = 0, l = colors.length; i < l; ++i) {
var item = document.createElement('li');
item.className = "item";
item.appendChild(document.createTextNode(colors[i]));
list.appendChild(item);
}
content.appendChild(list);
ready
innerHTML
var title = document.getElementById('title');
title.innerHTML = "Colors";
var subtitle = document.getElementById('subtitle');
subtitle.innerHTML += " John Doe";
var list = ["<ul>"];
for (var i = 0, l = colors.length; i < l; ++i) {
list.push("<li class='item'>").push(colors[i]).push("</li>");
}
list.push("</ul>");
var content = document.getElementById('content');
content.innerHTML = list.join("");