Benchmark: JavaScript Uint8Array to Base64: btoa vs btoa concat vs btoa concat byte

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
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

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 4 months ago)

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/OS: Chrome 142 on Windows

View result in a separate tab

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

Related benchmarks:

JavaScript Uint8Array to Base64: btoa vs btoa concat vs btoa concat byte (version: 1)

Comparing performance of: btoa 1K vs btoa 32K vs btoa 64K vs btoa 1M vs btoa concat 1K vs btoa concat 32K vs btoa concat 64K vs btoa concat 1M vs btoa concat byte 1K vs btoa concat byte 32K vs btoa concat byte 64K vs btoa concat byte 1M

Created: 4 months ago by: Guest

Jump to the latest result

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

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A