Menu

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

Test case details

Title *

Description
(Markdown syntax is allowed)

Preparation Code

Preparation HTML
(this will be inserted in the <body> of a valid HTML5 document in standards mode)
(useful when testing DOM operations or including libraries)

<div id="my-div">
</div>

Setup JSvar div = document.getElementById('my-div')

Teardown JS



            while (div.firstChild) div.removeChild(div.firstChild);

Test cases

Test #1

Title *

Async

Code *

var i = 0;
var html = "";
while (i < 20) {
  html += '<div style="border-style:solid;width:20px;">This is my list item number ' + i + '</div>';
i++; }
div.innerHTML = html;

Test #2

Title *

Async

Code *

var i = 0, html = “”, el;

while (i < 20) {
  el = document.createElement('div');
  el.style.borderStyle = "solid";
  el.style.width = "20px";
  html = 'This is my list item number ' + i;
  el.innerText = html;
  div.appendChild(el);
i++; }

Test #3

Title *

Async

Code *

var html = “”, el, i = 0, fragment = document.createDocumentFragment();

while (i < 20) {
  el = document.createElement('div');
  el.style.borderStyle = "solid";
  el.style.width = "20px";
  html = 'This is my list item number ' + i;
  el.innerText = html;
  fragment.appendChild(el);
i++; }

div.appendChild(fragment);