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

clear a div

Benchmark created by gaby de wilde on February 18, 2017

Preparation HTML

<div id="asdf">fhalehlfkwhfa
wfwe
fwae
fe
fasd
f
sdf
sdf
s
fs
f
sdf
as
f
fas<b>dsafsfds</b>
</div>

Setup

var asdf = document.getElementById('asdf');
  var empt = "";
  var cssNone = "none";
  let lasdf = document.getElementById('asdf');
  let lempt = "";
  let lcssNone = "none";
  const casdf = document.getElementById('asdf');
  const cempt = "";
  const ccssNone = "none";
  window.wasdf = document.getElementById('asdf');
  window.wempt = "";
  window.cssNone = "none";

Teardown



            document.getElementById('asdf').innerHTML =`fhalehlfkwhfa
  wfwe
  fwae
  fe
  fasd
  f
  sdf
  sdf
  s
  fs
  f
  sdf
  as
  f
  fas<b>dsafsfds</b>`

Test runner

Ready to run.

Testing in
Test		Ops/sec
empty element	`document.getElementById('asdf').innerHTML ="";`	ready
display:none	`document.getElementById('asdf').style.display ="none";`	ready
empty element target by reference	`asdf.innerHTML ="";`	ready
display:none target by ref	`asdf.style.display ="none";`	ready
empty with vars	`asdf.innerHTML = empt;`	ready
display:none with vars	`asdf.style.display = cssNone;`	ready
window display:none	`window.wasdf.style.display = window.wcssNone;`	ready
window empty	`window.wasdf.innerHTML = window.wempt;`	ready
window empty2	`window.wasdf.innerHTML = empt;`	ready
let	`lasdf.innerHTML = lempt;`	ready
const	`casdf.innerHTML = cempt;`	ready
textContent	`asdf.textContent = empt;`	ready

Revisions

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

Revision 1: published by gaby de wilde on February 18, 2017