new Image vs. createElement('img')

JavaScript performance comparison

Revision 8 of this test case created by Dmitry Korobkin

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var imageNode = document.createElement('img');
</script>
    

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
cloneNode
var newImage = imageNode.cloneNode(false);
newImage.src = 'http://static.top.de/1.10/img/common/logo.png';
pending…
createElement
var cacheImage = document.createElement('img');
cacheImage.src = 'http://static.top.de/1.10/img/common/logo.png';
pending…
jQuery
jQuery("<img>").attr("src", 'http://static.top.de/1.10/img/common/logo.png');
pending…
new Image
var cacheImage = new Image();
cacheImage.src = 'http://static.top.de/1.10/img/common/logo.png';
pending…

Compare results of other browsers

Revisions

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

0 Comments