Benchmark: zdzdzdzdzdz - MeasureThat.net

Tests:

32b
const W=300,H=300; //create canvas let c = document.createElement('canvas'); let ctx = c.getContext('2d'); c.width=W; c.height=H; c.style.border='1px solid white'; document.body.appendChild(c); //create image let img = ctx.createImageData(W,H); //create 32bit reference to img; let buf32 = new Uint32Array(img.data.buffer); //set pixel via 32bit reference to the 8bit array in img function setPix(x,y,a,r,g,b) { buf32[y*W+x] = (a << 24) | // alpha (b << 16) | // blue (g << 8) | // green r; // red } function loop() { for (let i=0; i<W; i++) { for (let j=0; j<H; j++) { let r1 = Math.floor(Math.random() * 255); let r2 = Math.floor(Math.random() * 255); let r3 = Math.floor(Math.random() * 255); setPix(j,i,255,r1,r2,r3); } } ctx.putImageData(img,0,0); } loop();
8b+32b
const W=300,H=300; //create canvas let c = document.createElement('canvas'); let ctx = c.getContext('2d'); c.width=W; c.height=H; c.style.border='1px solid white'; document.body.appendChild(c); let img = ctx.createImageData(W,H); //create empty buffer var imgbuf = new ArrayBuffer(img.data.length); //create 8bit reference to img; var buf8 = new Uint8ClampedArray(imgbuf); //create 32bit reference to img; let buf32 = new Uint32Array(imgbuf); //set pixel via 32bit reference to the 8bit array in img function setPix(x,y,a,r,g,b) { buf32[y*W+x] = (a << 24) | // alpha (b << 16) | // blue (g << 8) | // green r; // red } function loop() { for (let i=0; i<W; i++) { for (let j=0; j<H; j++) { let r1 = Math.floor(Math.random() * 255); let r2 = Math.floor(Math.random() * 255); let r3 = Math.floor(Math.random() * 255); setPix(j,i,255,r1,r2,r3); } } img.data.set(buf8); ctx.putImageData(img,0,0); } loop();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
32b
8b+32b

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: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36

Browser/OS: Chrome 93 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
32b	23.2 Ops/sec
8b+32b	22.9 Ops/sec

zdzdzdzdzdz (version: 0)

zddzd

Comparing performance of: 32b vs 8b+32b

Created: 2 years ago by: Guest

Jump to the latest result

32b

8b+32b

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A