Run results for: JavaScript Uint8Array to Base64: btoa vs btoa concat vs btoa concat byte

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36

Browser: Chrome 142

Operating system: Windows

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
btoa 1K	95933.0 Ops/sec
btoa 32K	3088.1 Ops/sec
btoa 64K	1530.0 Ops/sec
btoa 1M	56.7 Ops/sec
btoa concat 1K	219026.7 Ops/sec
btoa concat 32K	7408.6 Ops/sec
btoa concat 64K	3503.3 Ops/sec
btoa concat 1M	83.8 Ops/sec
btoa concat byte 1K	212138.0 Ops/sec
btoa concat byte 32K	5842.3 Ops/sec
btoa concat byte 64K	2346.7 Ops/sec
btoa concat byte 1M	82.9 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function bytesToBase64ByBtoa(bytes) {
    return btoa(bytes.reduce((data, byte) => data + String.fromCharCode(byte), ""));
}

function bytesToBase64ByBtoaConcat(bytes) {
    let binary = "";
    for (let i = 0; i < bytes.length; i++) {
      binary += String.fromCharCode(bytes[i]);
    }
    return btoa(binary);
}

function bytesToBase64ByBtoaByte(bytes) {
    let binary = "";
    for (let i = 0; i < bytes.byteLength; i++) {
      binary += String.fromCharCode(bytes[i]);
    }
    return btoa(binary);
}

const bytes1K = new Uint8Array(1024);
const bytes32K = new Uint8Array(32768);
const bytes64K = new Uint8Array(65536);
const bytes1M = new Uint8Array(1048576);
for (const bytes of [bytes1K, bytes32K, bytes64K, bytes1M])
    for (let i = 0; i < bytes.length; i += 65536)
        crypto.getRandomValues(bytes.subarray(i, i + 65536));

Tests:

btoa 1K
bytesToBase64ByBtoa(bytes1K);
btoa 32K
bytesToBase64ByBtoa(bytes32K);
btoa 64K
bytesToBase64ByBtoa(bytes64K);
btoa 1M
bytesToBase64ByBtoa(bytes1M);
btoa concat 1K
bytesToBase64ByBtoaConcat(bytes1K);
btoa concat 32K
bytesToBase64ByBtoaConcat(bytes32K);
btoa concat 64K
bytesToBase64ByBtoaConcat(bytes64K);
btoa concat 1M
bytesToBase64ByBtoaConcat(bytes1M);
btoa concat byte 1K
bytesToBase64ByBtoaByte(bytes1K);
btoa concat byte 32K
bytesToBase64ByBtoaByte(bytes32K);
btoa concat byte 64K
bytesToBase64ByBtoaByte(bytes64K);
btoa concat byte 1M
bytesToBase64ByBtoaByte(bytes1M);

Run results for: JavaScript Uint8Array to Base64: btoa vs btoa concat vs btoa concat byte

btoa 1K

btoa 32K

btoa 64K

btoa 1M

btoa concat 1K

btoa concat 32K

btoa concat 64K

btoa concat 1M

btoa concat byte 1K

btoa concat byte 32K

btoa concat byte 64K

btoa concat byte 1M