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
<ul id="my_list">
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
<p>
aaa
<span>
bbb
</span>
</p>
</ul>
<script src="//code.jquery.com/jquery-git2.js"></script>
<script>
$(function() {
var i = 0,
$ul = $('#my_list'),
$li = $('<li />').html('list item');
while (i < 100) {
$ul.append($li.clone());
i++;
}
});
function empty(element) {
var i;
for (i = element.childNodes.length - 1; i >= 0; i--)
element.removeChild(element.childNodes(i));
}
</script>
Ready to run.
Test | Ops/sec | |
---|---|---|
innerHTML |
| ready |
jquery html |
| ready |
jquery empty |
| ready |
custom empty function |
| ready |
jquery empty with native |
| ready |
jquery html with native |
| ready |
innerHTML = null |
| ready |
innerText = null |
| ready |
replaceWith |
| ready |
hybrid |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.