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

Quick DOM Image Creation Test

Benchmark created by Matt McDonald on July 7, 2011

Description

Testing the speed of various methods of image creation + appending via the DOM.

Preparation HTML

<div id="foo"></div>
<script>
  var img, foo = document.getElementById("foo");
</script>

Test runner

Ready to run.

Test Ops/sec

HTMLDocument.createElement(tagName)

Testing in
Test	Ops/sec
HTMLDocument.createElement(tagName)	`img = document.createElement("img"); foo.appendChild(img); foo.removeChild(img);`	ready
Image Constructor	`img = new Image(); foo.appendChild(img); foo.removeChild(img);`	ready
innerHTML	`img = "<img src=\"\" \/>"; foo.innerHTML = img; foo.innerHTML = "";`	ready

img = document.createElement("img");
foo.appendChild(img);
foo.removeChild(img);

ready

Image Constructor

img = new Image();
foo.appendChild(img);
foo.removeChild(img);

ready

innerHTML

img = "<img src=\"\" \/>";
foo.innerHTML = img;
foo.innerHTML = "";

ready

Revisions

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

Revision 1: published by Matt McDonald on July 7, 2011