Benchmark: (ColorfulCakeChen) Image Scaling (9ca837f1098a638010ec0d49bc7925063226de8b) 98

(ColorfulCakeChen) Image Scaling (9ca837f1098a638010ec0d49bc7925063226de8b) 98 (version: 98) Benchmark.js

Comparing performance of: Async wait for init (WASM) vs (General) OffscreenCanvas_from_Canvas vs (General) OffscreenCanvas_from_Canvas_ImageData vs (General) OffscreenCanvas_from_OffscreenCanvas vs (General) OffscreenCanvas_from_OffscreenCanvas_ImageData vs (WASM) 1 vs (WASM) Tensor_from_Canvas vs (WASM) Tensor_from_Canvas_ImageData vs (WASM) Tensor_from_Canvas_TypedArray vs (WASM) Tensor_from_OffscreenCanvas vs (WASM) Tensor_from_OffscreenCanvas_ImageData vs (WASM) Tensor_from_OffscreenCanvas_TypedArray vs (WASM) 2 vs Async wait for init (CPU) vs (CPU) Tensor_from_Canvas vs (CPU) Tensor_from_Canvas_ImageData vs (CPU) Tensor_from_Canvas_TypedArray vs (CPU) Tensor_from_OffscreenCanvas vs (CPU) Tensor_from_OffscreenCanvas_ImageData vs (CPU) Tensor_from_OffscreenCanvas_TypedArray vs (CPU) 1 vs Async wait for init (WebGL) vs (WebGL) Tensor_from_Canvas vs (WebGL) Tensor_from_Canvas_ImageData vs (WebGL) Tensor_from_Canvas_TypedArray vs (WebGL) Tensor_from_OffscreenCanvas vs (WebGL) Tensor_from_OffscreenCanvas_ImageData vs (WebGL) Tensor_from_OffscreenCanvas_TypedArray

Created: 3 years ago by: Registered User

Go to the latest result

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.22.0/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm/dist/tf-backend-wasm.js"></script>

Script Preparation code:

globalThis.backendName_testing = undefined;
globalThis.jsPerf_Module = undefined;
globalThis.testCorrectnessIterator = undefined;

async function init( backendName ) {
  if ( !globalThis.jsPerf_Module ) {
    console.log( "import jsPerf_ImageScaling..." );
    globalThis.jsPerf_Module = await import(
      "https://cdn.jsdelivr.net/gh/colorfulcakechen/query-submit-canvas@9ca837f1098a638010ec0d49bc7925063226de8b/CNN/x_jsPerf/jsPerf_ImageScaling.js" );
  }

  if ( backendName_testing != backendName ) {
    console.log( `Change backend to "${backendName}"...` );
    globalThis.backendName_testing = backendName;

    globalThis.jsPerf_Module.disposeResources();

    await tf.ready();
    await tf.setBackend( backendName );

    globalThis.jsPerf_Module.init();
  	globalThis.testCorrectnessIterator = jsPerf_Module.testCorrectness();
  }

  if ( !globalThis.testCorrectnessIterator )
    return true;

  let testCorrectnessYield = globalThis.testCorrectnessIterator.next();
  if ( testCorrectnessYield.done ) {
    console.log( `${backendName}, initialization done.` );
    globalThis.testCorrectnessIterator = null;
    return true;
  } else {
	return false;
  }
}

Tests:

Async wait for init (WASM)
if ( ( globalThis.initPromiseWASM ) && ( globalThis.initPromiseWebGL ) && ( globalThis.initPromiseCPU ) ) { // For benchmark re-run. globalThis.initPromiseWASM = globalThis.initPromiseWebGL = globalThis.initPromiseCPU = null; } const backendName = "wasm"; //const backendName = "webgl"; //const backendName = "cpu"; if ( !globalThis.initPromiseWASM ) { globalThis.initPromiseWASM = init( backendName ); } else { globalThis.initPromiseWASM.then( ( done ) => { if ( !done ) { globalThis.initPromiseWASM = init( backendName ); } else { } }); }
(General) OffscreenCanvas_from_Canvas
globalThis.testSet_108x192x4.testImageScaling_by_OffscreenCanvas_from_Canvas();
(General) OffscreenCanvas_from_Canvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_OffscreenCanvas_from_Canvas_ImageData();
(General) OffscreenCanvas_from_OffscreenCanvas
globalThis.testSet_108x192x4.testImageScaling_by_OffscreenCanvas_from_OffscreenCanvas();
(General) OffscreenCanvas_from_OffscreenCanvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_OffscreenCanvas_from_OffscreenCanvas_ImageData();
(WASM) 1
1;
(WASM) Tensor_from_Canvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas();
(WASM) Tensor_from_Canvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_ImageData();
(WASM) Tensor_from_Canvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_TypedArray();
(WASM) Tensor_from_OffscreenCanvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas();
(WASM) Tensor_from_OffscreenCanvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_ImageData();
(WASM) Tensor_from_OffscreenCanvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_TypedArray();
(WASM) 2
2;
Async wait for init (CPU)
const backendName = "cpu"; if ( !globalThis.initPromiseCPU ) { globalThis.initPromiseCPU = init( backendName ); } else { globalThis.initPromiseCPU.then( ( done ) => { if ( !done ) { globalThis.initPromiseCPU = init( backendName ); } else { } }); }
(CPU) Tensor_from_Canvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas();
(CPU) Tensor_from_Canvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_ImageData();
(CPU) Tensor_from_Canvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_TypedArray();
(CPU) Tensor_from_OffscreenCanvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas();
(CPU) Tensor_from_OffscreenCanvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_ImageData();
(CPU) Tensor_from_OffscreenCanvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_TypedArray();
(CPU) 1
1;
Async wait for init (WebGL)
const backendName = "webgl"; if ( !globalThis.initPromiseWebGL ) { globalThis.initPromiseWebGL = init( backendName ); } else { globalThis.initPromiseWebGL.then( ( done ) => { if ( !done ) { globalThis.initPromiseWebGL = init( backendName ); } else { } }); }
(WebGL) Tensor_from_Canvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas();
(WebGL) Tensor_from_Canvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_ImageData();
(WebGL) Tensor_from_Canvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_Canvas_TypedArray();
(WebGL) Tensor_from_OffscreenCanvas
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas();
(WebGL) Tensor_from_OffscreenCanvas_ImageData
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_ImageData();
(WebGL) Tensor_from_OffscreenCanvas_TypedArray
globalThis.testSet_108x192x4.testImageScaling_by_Tensor_from_OffscreenCanvas_TypedArray();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Async wait for init (WASM)
(General) OffscreenCanvas_from_Canvas
(General) OffscreenCanvas_from_Canvas_ImageData
(General) OffscreenCanvas_from_OffscreenCanvas
(General) OffscreenCanvas_from_OffscreenCanvas_ImageData
(WASM) 1
(WASM) Tensor_from_Canvas
(WASM) Tensor_from_Canvas_ImageData
(WASM) Tensor_from_Canvas_TypedArray
(WASM) Tensor_from_OffscreenCanvas
(WASM) Tensor_from_OffscreenCanvas_ImageData
(WASM) Tensor_from_OffscreenCanvas_TypedArray
(WASM) 2
Async wait for init (CPU)
(CPU) Tensor_from_Canvas
(CPU) Tensor_from_Canvas_ImageData
(CPU) Tensor_from_Canvas_TypedArray
(CPU) Tensor_from_OffscreenCanvas
(CPU) Tensor_from_OffscreenCanvas_ImageData
(CPU) Tensor_from_OffscreenCanvas_TypedArray
(CPU) 1
Async wait for init (WebGL)
(WebGL) Tensor_from_Canvas
(WebGL) Tensor_from_Canvas_ImageData
(WebGL) Tensor_from_Canvas_TypedArray
(WebGL) Tensor_from_OffscreenCanvas
(WebGL) Tensor_from_OffscreenCanvas_ImageData
(WebGL) Tensor_from_OffscreenCanvas_TypedArray

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser/OS: Chrome 137 on Chrome OS 14541.0.0

View result in a separate tab

(WASM) 1

45.0M/s

(CPU) 1

41.3M/s

(WASM) 2

40.4M/s

Async wait for init (WebGL)

2.5M/s

Async wait for init (CPU)

2.1M/s

Async wait for init (WASM)

1.1M/s

(General) OffscreenCanvas_from_OffscreenCanvas

490/s

(General) OffscreenCanvas_from_Canvas

484/s

(WebGL) Tensor_from_OffscreenCanvas

14/s

(WebGL) Tensor_from_Canvas

14/s

(General) OffscreenCanvas_from_OffscreenCanvas_ImageData

14/s

(General) OffscreenCanvas_from_Canvas_ImageData

13/s

(WebGL) Tensor_from_OffscreenCanvas_ImageData

11/s

(CPU) Tensor_from_Canvas_ImageData

11/s

(CPU) Tensor_from_OffscreenCanvas_TypedArray

11/s

(CPU) Tensor_from_OffscreenCanvas

11/s

(CPU) Tensor_from_OffscreenCanvas_ImageData

11/s

(CPU) Tensor_from_Canvas_TypedArray

11/s

(WebGL) Tensor_from_Canvas_ImageData

10/s

(CPU) Tensor_from_Canvas

10/s

(WASM) Tensor_from_OffscreenCanvas_TypedArray

8/s

(WASM) Tensor_from_OffscreenCanvas_ImageData

8/s

(WASM) Tensor_from_Canvas_TypedArray

8/s

(WASM) Tensor_from_OffscreenCanvas

8/s

(WASM) Tensor_from_Canvas_ImageData

7/s

(WASM) Tensor_from_Canvas

7/s

(WebGL) Tensor_from_OffscreenCanvas_TypedArray

4/s

(WebGL) Tensor_from_Canvas_TypedArray

4/s

View exact numbers

Test name	Executions per second
✓ (WASM) 1	45,027,548 Ops/sec
(CPU) 1	41,254,300 Ops/sec
(WASM) 2	40,433,276 Ops/sec
Async wait for init (WebGL)	2,489,966 Ops/sec
Async wait for init (CPU)	2,141,498 Ops/sec
Async wait for init (WASM)	1,142,456 Ops/sec
(General) OffscreenCanvas_from_OffscreenCanvas	490 Ops/sec
(General) OffscreenCanvas_from_Canvas	484 Ops/sec
(WebGL) Tensor_from_OffscreenCanvas	14 Ops/sec
(WebGL) Tensor_from_Canvas	14 Ops/sec
(General) OffscreenCanvas_from_OffscreenCanvas_ImageData	14 Ops/sec
(General) OffscreenCanvas_from_Canvas_ImageData	13 Ops/sec
(WebGL) Tensor_from_OffscreenCanvas_ImageData	11 Ops/sec
(CPU) Tensor_from_Canvas_ImageData	11 Ops/sec
(CPU) Tensor_from_OffscreenCanvas_TypedArray	11 Ops/sec
(CPU) Tensor_from_OffscreenCanvas	11 Ops/sec
(CPU) Tensor_from_OffscreenCanvas_ImageData	11 Ops/sec
(CPU) Tensor_from_Canvas_TypedArray	11 Ops/sec
(WebGL) Tensor_from_Canvas_ImageData	10 Ops/sec
(CPU) Tensor_from_Canvas	10 Ops/sec
(WASM) Tensor_from_OffscreenCanvas_TypedArray	8 Ops/sec
(WASM) Tensor_from_OffscreenCanvas_ImageData	8 Ops/sec
(WASM) Tensor_from_Canvas_TypedArray	8 Ops/sec
(WASM) Tensor_from_OffscreenCanvas	8 Ops/sec
(WASM) Tensor_from_Canvas_ImageData	7 Ops/sec
(WASM) Tensor_from_Canvas	7 Ops/sec
(WebGL) Tensor_from_OffscreenCanvas_TypedArray	4 Ops/sec
(WebGL) Tensor_from_Canvas_TypedArray	4 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

(ColorfulCakeChen) Image Scaling (9ca837f1098a638010ec0d49bc7925063226de8b) 98 (version: 98) Benchmark.js

Created: 3 years ago by: Registered User

Go to the latest result

Async wait for init (WASM)

(General) OffscreenCanvas_from_Canvas

(General) OffscreenCanvas_from_Canvas_ImageData

(General) OffscreenCanvas_from_OffscreenCanvas

(General) OffscreenCanvas_from_OffscreenCanvas_ImageData

(WASM) 1

(WASM) Tensor_from_Canvas

(WASM) Tensor_from_Canvas_ImageData

(WASM) Tensor_from_Canvas_TypedArray

(WASM) Tensor_from_OffscreenCanvas

(WASM) Tensor_from_OffscreenCanvas_ImageData

(WASM) Tensor_from_OffscreenCanvas_TypedArray

(WASM) 2

Async wait for init (CPU)

(CPU) Tensor_from_Canvas

(CPU) Tensor_from_Canvas_ImageData

(CPU) Tensor_from_Canvas_TypedArray

(CPU) Tensor_from_OffscreenCanvas

(CPU) Tensor_from_OffscreenCanvas_ImageData

(CPU) Tensor_from_OffscreenCanvas_TypedArray

(CPU) 1

Async wait for init (WebGL)

(WebGL) Tensor_from_Canvas

(WebGL) Tensor_from_Canvas_ImageData

(WebGL) Tensor_from_Canvas_TypedArray

(WebGL) Tensor_from_OffscreenCanvas

(WebGL) Tensor_from_OffscreenCanvas_ImageData

(WebGL) Tensor_from_OffscreenCanvas_TypedArray

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks