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

Revision 3 of this benchmark created by Jason Miller on

Setup

var img = document.createElement('img');
  document.body.appendChild(img);
  
  var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==";
  
  var cacheImage = new Image();
  var cacheImageEl = document.createElement('img');

Teardown



            document.body.removeChild(img);

Test runner

Ready to run.

Testing in
TestOps/sec
new Image
img.src = '';
//var cacheImage = new Image();
cacheImage.src = '';
cacheImage.onload=function(){
  //img.src = this.src;
  //cacheImage = null;
  //deferred.resolve();
};
cacheImage.src = url;
img.src = cacheImage.src;
ready
createElement
img.src = '';
//var cacheImage = document.createElement('img');
cacheImageEl.src = '';
cacheImageEl.onload=function(){
  //img.src = this.src;
  //cacheImage = null;
  //deferred.resolve();
};
cacheImageEl.src = url;
img.src = cacheImageEl.src;
ready
Direct src Assignment
img.style.visibility='hidden';
img.src = '';
img.onload=function(){
  img.style.visibility='hidden';
  img.onload=null;
  //deferred.resolve();
};
img.src = url+'';
ready

Revisions

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