Benchmark: img src test - MeasureThat.net

Script Preparation code:

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='

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
creation with src
creation without src
clone with src
clone without src
clone without src then set src

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0

Browser/OS: Firefox 80 on Windows

View result in a separate tab

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	1308650.0 Ops/sec
clone without src then set src	53333.3 Ops/sec

img src test (version: 0)

Comparing performance of: creation with src vs creation without src vs clone with src vs clone without src vs clone without src then set src

Created: 3 years ago by: Guest

Jump to the latest result

creation with src

creation without src

clone with src

clone without src

clone without src then set src

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A