Run results for: (ColorfulCakeChen) Image Scaling (50c1b285ff7c7f8c656c388365b4043528642d6b) 93

Run details:

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

Browser: Chrome 113

Operating system: Chrome OS 14541.0.0

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Async wait for init (WASM)	49621.5 Ops/sec
(CPU) 10	412280000.0 Ops/sec
(CPU) 11	418853000.0 Ops/sec
(CPU) 12	397410300.0 Ops/sec
(CPU) 13	417454100.0 Ops/sec
(CPU) 14	414344400.0 Ops/sec
(CPU) 15	414626600.0 Ops/sec
(CPU) 16	413801300.0 Ops/sec
(CPU) 17	419038100.0 Ops/sec
Async wait for init (WebGL)	60295.1 Ops/sec
(CPU) 9	393883600.0 Ops/sec
(WebGL) OffscreenCanvas_2d_from_Canvas	625.4 Ops/sec
(WebGL) Tensor3d_from_Canvas	14.1 Ops/sec
(WebGL) Tensor3d_from_ImageData	3.4 Ops/sec
(WebGL) 8	412017800.0 Ops/sec
(WebGL) 9	413056600.0 Ops/sec
(WebGL) 1	374464200.0 Ops/sec
(WebGL) 2	373101300.0 Ops/sec
(WebGL) 3	381002400.0 Ops/sec
(WebGL) 4	388904700.0 Ops/sec
(WebGL) 5	384474900.0 Ops/sec
(WebGL) OffscreenCanvas_2d_from_ImageData	10.9 Ops/sec
(WebGL) 6	352480900.0 Ops/sec
(CPU) 8	404422500.0 Ops/sec
(CPU) 6	372927300.0 Ops/sec
(WASM) OffscreenCanvas_2d_from_Canvas	666.5 Ops/sec
(WASM) OffscreenCanvas_2d_from_ImageData	11.4 Ops/sec
(WASM) Tensor3d_from_Canvas	7.5 Ops/sec
(WASM) Tensor3d_from_ImageData	7.7 Ops/sec
(WASM) 1	400725000.0 Ops/sec
(WASM) 2	407368300.0 Ops/sec
(WASM) 3	414518700.0 Ops/sec
(WASM) 4	402136000.0 Ops/sec
Async wait for init (CPU)	58921.1 Ops/sec
(CPU) 7	389157000.0 Ops/sec
(CPU) OffscreenCanvas_2d_from_Canvas	651.4 Ops/sec
(CPU) Tensor3d_from_Canvas	9.3 Ops/sec
(CPU) Tensor3d_from_ImageData	9.5 Ops/sec
(CPU) 18	394135100.0 Ops/sec
(CPU) 19	414440700.0 Ops/sec
(CPU) 1	413066800.0 Ops/sec
(CPU) 2	415701300.0 Ops/sec
(CPU) 3	414175700.0 Ops/sec
(CPU) 4	420204100.0 Ops/sec
(CPU) 5	386150200.0 Ops/sec
(CPU) OffscreenCanvas_2d_from_ImageData	10.9 Ops/sec
(WebGL) 7	273054500.0 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.8.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@50c1b285ff7c7f8c656c388365b4043528642d6b/CNN/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();

Run results for: (ColorfulCakeChen) Image Scaling (50c1b285ff7c7f8c656c388365b4043528642d6b) 93

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