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)

<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg" id="canvas">


</svg>

Setup JS

const canvas = document.getElementById("canvas")
for(let i = 0; i < 1000; i++) {
	const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
	canvas.append(rect);
	rect.setAttribute("id", "id-" + i);
}
let theMap = new Map();
const theSymbol = Symbol("the symbol");

Teardown JS

while(canvas.children.length > 0) {
	canvas.children[0].remove();
}
theMap = new Map();

Test cases

Test #1

Title *

Async

Code *

let best = 0;
for(let child of canvas.children) {
	theMap.set(child, "" + Math.random());
}
for(let child of canvas.children) {
	const val = theMap.get(child);
	if(val > best) best = val;
}
console.log(best);

Test #2

Title *

Async

Code *

let best = 0;
for(let child of canvas.children) {
	child[theSymbol] = "" + Math.random();
}
for(let child of canvas.children) {
	const val = child[theSymbol];
	if(val > best) best = val;
}
console.log(best);

Test #3

Title *

Async

Code *

let best = 0;
for(let child of canvas.children) {
	child.setAttribute("data-num", Math.random());
}
for(let child of canvas.children) {
	const val = child.getAttribute("data-num");
	if(val > best) best = val;
}
console.log(best);