new Image vs. createElement('img') (v8)

Revision 8 of this benchmark created by Dmitry Korobkin on


Preparation HTML

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

Test runner

Ready to run.

Testing in
TestOps/sec
new Image
var cacheImage = new Image();
cacheImage.src = 'http://static.top.de/1.10/img/common/logo.png';
ready
createElement
var cacheImage = document.createElement('img');
cacheImage.src = 'http://static.top.de/1.10/img/common/logo.png';
ready
jQuery
jQuery("<img>").attr("src", 'http://static.top.de/1.10/img/common/logo.png');
ready
cloneNode
var newImage = imageNode.cloneNode(false);
newImage.src = 'http://static.top.de/1.10/img/common/logo.png';
ready

Revisions

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