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
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="http://bytes1.dyndns.org/BSI/website-app.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
var s = '<div id="response" class="quiet-scrollbars"><div id="tools"><a href="#" id="addButt"></a><a href="#" id="horzButt"></a><div class="divider"></div><div id="layoutText">LAYOUT</div><a href="#" class="vert-active" id="vertButt"></a><a href="#" id="inspectButton"></a><div id="inspectText">Inspect</div><div class="presetPos" id="button">PRESETS</div></div><div id="track"></div><input type="range" min="0" id="slider">';
var domArray = [{
tag: "div",
attr: {
id: "response",
class: "quiet-scrollbars"
},
parent: -1
}, {
tag: "div",
attr: {
id: "tools"
},
parent: 0
}, {
tag: "a",
attr: {
id: "addButt",
href: "#"
},
parent: 1
}, {
tag: "a",
attr: {
id: "horzButt",
href: "#"
},
parent: 1
}, {
tag: "a",
attr: {
class: "divider"
},
parent: 1
}, {
tag: "a",
attr: {
class: "divider"
},
parent: 1
}, {
tag: "div",
attr: {
id: "layoutText"
},
text: "LAYOUT",
parent: 1
}, {
tag: "a",
attr: {
id: "vertButt",
class: "vert-active"
},
parent: 1
}, {
tag: "div",
attr: {
id: "track"
},
parent: 0
}, {
tag: "input",
attr: {
id: "slider",
type: "range",
min: "0"
},
parent: 0
}];
var d = document.createElement('div');
document.body.appendChild(d);
document.body.removeChild(d);
Ready to run.
Test | Ops/sec | |
---|---|---|
DOM Fragment |
| ready |
DOM innerHTML |
| ready |
jQuery append |
| ready |
BSI.Node().append() |
| ready |
BSI.util.makeDOMFragment |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.