MeasureThat.net

Run results for: img src slowness

Creating image tags with/without an src attribute with a data URI.

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36 Edg/95.0.1020.53
Chrome 95
Windows
Desktop
3 years ago
Test name Executions per second
Creation with src 34396.9 Ops/sec
Creation without src 507489.6 Ops/sec
Clone with src 35657.1 Ops/sec
Clone without src 624573.4 Ops/sec
Script Preparation code:
​x
 
function makeImage( src ) {
  var img = document.createElement( 'img' );
  img.className='nail';
  if ( src ) {
    img.src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
  }
  return img;
}
​
withSrc = makeImage( true );
withoutSrc = makeImage( false );
​
Tests:

  • Creation with src

     
    makeImage( true );

  • Creation without src

     
    makeImage( false );

  • Clone with src

     
    withSrc.cloneNode();

  • Clone without src

     
    withoutSrc.cloneNode();