Run results for: zdzdzdzdzdz

Run details:

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: Chrome 93

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

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

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();

Run results for: zdzdzdzdzdz

zddzd

32b

8b+32b