Benchmark: ArrayBuffer.slice vs Uint8Array.slice

Script Preparation code:

var bytes = [84,104,105,115,32,105,115,32,97,32,115,97,109,112,108,101,32,112,97,114,97,103,114,97,112,104,46];
var buffer = new ArrayBuffer(bytes);
var bufferArray = new Uint8Array(bytes);

Tests:

ArrayBuffer.slice
buffer.slice(3, 13);
Uint8Array.slice
bufferArray.slice(3, 13);

Historical Performance Data aggregated from 17 community runs

Desktop Results:

Chrome 9 runs

Uint8Array.slice

24.4M/s

ArrayBuffer.slice

4.1M/s

Fastest: Uint8Array.slice (6.0x faster)

View exact numbers

✓ Uint8Array.slice: 24,409,220 ops/sec
• ArrayBuffer.slice: 4,075,952 ops/sec

Firefox 8 runs

Uint8Array.slice

17.5M/s

ArrayBuffer.slice

15.8M/s

Fastest: Uint8Array.slice (1.1x faster)

View exact numbers

✓ Uint8Array.slice: 17,487,344 ops/sec
• ArrayBuffer.slice: 15,792,061 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ArrayBuffer.slice
Uint8Array.slice

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Browser/OS: Chrome 149 on Linux

View result in a separate tab

Uint8Array.slice

29.0M/s

ArrayBuffer.slice

3.0M/s

View exact numbers

Test name	Executions per second
✓ Uint8Array.slice	29,039,982 Ops/sec
ArrayBuffer.slice	3,003,196 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks on MeasureThat.net.

The provided JSON represents a benchmark that compares two approaches to slice an array buffer: `ArrayBuffer.slice()` and `Uint8Array.slice()`. The test aims to determine which method is faster for slicing a specific range of bytes from a buffer.

**Options being compared:**

1. **`ArrayBuffer.slice()`**: This method creates a new, shallow copy of the specified byte offset to the end of the array buffer.
2. **`Uint8Array.slice()`**: This method creates a new, shallow copy of the specified byte offset to the end of the `Uint8Array` object.

**Pros and Cons:**

* `ArrayBuffer.slice()`: Pros:
	+ Creates a new, independent array buffer that can be used independently.
	+ May be more memory-efficient if the resulting slice is larger than the original buffer.
* Cons:
	+ Requires creating an additional memory allocation, which might incur overhead due to memory allocation and deallocation.
	+ Might have additional copying or shuffling of data within the buffer.
* `Uint8Array.slice()`: Pros:
	+ Operates on a existing `Uint8Array` object, avoiding the creation of a new array buffer.
	+ May be faster because it doesn't require an extra memory allocation.
* Cons:
	+ Modifies the original `Uint8Array` object, which might affect other parts of the code that rely on its integrity.
	+ Might have additional copying or shuffling of data within the `Uint8Array` object.

**Library and purpose:**

In this benchmark, no specific library is used beyond the standard JavaScript `ArrayBuffer` and `Uint8Array` types. However, if you're interested in exploring libraries that can help with performance-critical tasks like array slicing, consider using:

* ` Buffers`: A low-level buffer API for Node.js that provides more fine-grained control over memory allocation.
* `WebAssembly`: A binary format for code that can be executed directly by web browsers, offering potential performance benefits.

**Special JS features and syntax:**

This benchmark doesn't use any special JavaScript features or syntax. It's a straightforward comparison of two methods to slice an array buffer, relying on the built-in `slice()` method.

**Other alternatives:**

If you're looking for alternative approaches to slicing arrays in JavaScript, consider:

* Using `Array.prototype.slice()`: This method creates a shallow copy of the specified range of elements within the original array.
* Implementing your own custom slice function using techniques like bit manipulation or bitwise operations.
* Utilizing specialized libraries or frameworks designed for high-performance JavaScript development, such as Redux or React.

In conclusion, this benchmark on MeasureThat.net aims to determine which method (`ArrayBuffer.slice()` or `Uint8Array.slice()`) is faster when slicing a specific range of bytes from an array buffer. The choice between these approaches depends on your specific use case and priorities: memory efficiency vs performance, independence from the original buffer, or modifying the existing `Uint8Array` object.

ArrayBuffer.slice vs Uint8Array.slice (version: 0)

Comparing performance of: `ArrayBuffer.slice vs Uint8Array.slice`

Created: 2 years ago by: Guest

Go to the latest result

ArrayBuffer.slice

Uint8Array.slice

Historical Performance Data aggregated from 17 community runs

Desktop Results:

Chrome 9 runs

Firefox 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

ArrayBuffer.slice vs Uint8Array.slice (version: 0)

Comparing performance of: ArrayBuffer.slice vs Uint8Array.slice

Created: 2 years ago by: Guest

Go to the latest result

ArrayBuffer.slice

Uint8Array.slice

Historical Performance Data aggregated from 17 community runs

Desktop Results:

Chrome 9 runs

Firefox 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `ArrayBuffer.slice vs Uint8Array.slice`