MeasureThat.net

Run results for: img src test

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0
Firefox 80
Windows
Desktop
4 years ago
Test name Executions per second
creation with src 49878.7 Ops/sec
creation without src 855427.1 Ops/sec
clone with src 49773.0 Ops/sec
clone without src 1308649.9 Ops/sec
clone without src then set src 53333.3 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();

  • clone without src then set src

     
    const cloned = withoutSrc.cloneNode();
    cloned.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='