Benchmark: Array vs TypedArray write performance

Tests:

Array write
var array = new Array(100000).fill(0); for (let i=0; i<array.length; i++) { array[i] = array[i] + 1; }
TypedArray write
var typedArray = new Uint8Array(100000).fill(0); for (let i=0; i<typedArray.length; i++) { typedArray[i] = typedArray[i] + 1; }

Historical Performance Data aggregated from 197 community runs

Desktop Results:

Chrome 108 runs

TypedArray write

8K/s

Array write

3K/s

Fastest: TypedArray write (2.6x faster)

View exact numbers

✓ TypedArray write: 8,374 ops/sec
• Array write: 3,221 ops/sec

Firefox 37 runs

TypedArray write

10K/s

Array write

2K/s

Fastest: TypedArray write (5.7x faster)

View exact numbers

✓ TypedArray write: 10,467 ops/sec
• Array write: 1,847 ops/sec

Safari 5 runs

TypedArray write

19K/s

Array write

8K/s

Fastest: TypedArray write (2.3x faster)

View exact numbers

✓ TypedArray write: 18,732 ops/sec
• Array write: 8,079 ops/sec

Mobile Results:

Chrome 29 runs

TypedArray write

5K/s

Array write

2K/s

Fastest: TypedArray write (3.2x faster)

View exact numbers

✓ TypedArray write: 5,012 ops/sec
• Array write: 1,560 ops/sec

Safari 11 runs

TypedArray write

21K/s

Array write

8K/s

Fastest: TypedArray write (2.7x faster)

View exact numbers

✓ TypedArray write: 20,756 ops/sec
• Array write: 7,590 ops/sec

Firefox 7 runs

TypedArray write

5K/s

Array write

695/s

Fastest: TypedArray write (7.2x faster)

View exact numbers

✓ TypedArray write: 5,013 ops/sec
• Array write: 695 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
Array write
TypedArray write

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 147 on Linux

View result in a separate tab

TypedArray write

5K/s

Array write

3K/s

View exact numbers

Test name	Executions per second
✓ TypedArray write	5,234 Ops/sec
Array write	3,131 Ops/sec

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

LLMs can make mistakes. Check important info.

Measuring JavaScript performance is an essential task in web development, and MeasuringThat.net provides a great platform for it.

The provided JSON represents two individual test cases: "Array write" and "TypedArray write". These tests aim to measure the performance of writing data to arrays versus typed arrays.

**What are arrays and typed arrays?**

In JavaScript, `Array` is a built-in object that represents an array-like data structure. However, it's not designed for efficient storage or manipulation of binary data.

On the other hand, `TypedArray` (e.g., `Uint8Array`, `Int32Array`, etc.) is a specialized type of array that's designed to work efficiently with binary data. Typed arrays provide better performance and memory usage compared to regular arrays when working with large amounts of numerical or binary data.

**Options being compared**

The two test cases compare the performance of writing data to regular arrays versus typed arrays. Specifically:

1. **Array write**: The test creates a new array of length 100,000 and fills it with zeros using `fill()`. It then increments each element in the array by 1.
2. **TypedArray write**: The test creates a new `Uint8Array` of length 100,000 and fills it with zeros using `fill()`. It then increments each element in the typed array by 1.

**Pros and Cons**

**Array write:**

Pros:

* Simpler to implement
* No additional dependencies required

Cons:

* Slower performance due to the overhead of incrementing each element individually
* May be less efficient in terms of memory usage

**TypedArray write:**

Pros:

* Faster performance due to optimized operations for binary data types
* More efficient in terms of memory usage, especially for large datasets

Cons:

* Requires additional dependencies (e.g., native JavaScript libraries) for optimal performance
* Can be more complex to implement due to the need to handle typed arrays correctly

**Other considerations**

When deciding between `Array` and `TypedArray`, consider the following factors:

1. **Data type**: If you're working with numerical or binary data, `TypedArray` might be a better choice.
2. **Performance-critical code**: If you have performance-critical code that requires fast execution, consider using `TypedArray`.
3. **Memory constraints**: If memory is limited, `TypedArray` can help reduce memory usage.

**Library**

The test case uses the `native` JavaScript libraries for arrays and typed arrays.

**Special JS feature/syntax**

There are no special JS features or syntax used in this benchmark. However, it's worth noting that some older browsers might require additional polyfills or workarounds when using typed arrays.

**Alternatives**

If you're interested in exploring alternative approaches, here are a few options:

1. **Web Workers**: You can run performance benchmarks on multiple threads to measure the impact of concurrent execution.
2. **Async programming libraries**: Libraries like async.js or Bluebird provide support for asynchronous code and can help optimize performance-critical code.
3. **Native modules**: Depending on your platform, you might be able to use native modules (e.g., WebAssembly) to create high-performance optimized code.

Keep in mind that these alternatives often come with their own trade-offs and requirements, so it's essential to carefully evaluate the pros and cons before choosing an approach for your specific use case.

Array vs TypedArray write performance (version: 0)

Comparing performance of: `Array write vs TypedArray write`

Created: 4 years ago by: Guest

Go to the latest result

Array write

TypedArray write

Historical Performance Data aggregated from 197 community runs

Desktop Results:

Chrome 108 runs

Firefox 37 runs

Safari 5 runs

Mobile Results:

Chrome 29 runs

Safari 11 runs

Firefox 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Array vs TypedArray write performance (version: 0)

Comparing performance of: Array write vs TypedArray write

Created: 4 years ago by: Guest

Go to the latest result

Array write

TypedArray write

Historical Performance Data aggregated from 197 community runs

Desktop Results:

Chrome 108 runs

Firefox 37 runs

Safari 5 runs

Mobile Results:

Chrome 29 runs

Safari 11 runs

Firefox 7 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: `Array write vs TypedArray write`