Benchmark: Local storage vs memory

Script Preparation code:

window.localStorage.setItem("data", '{"attributes.support_case_state":{"type":"string_or_null_array","value":["open"]},"attributes.tier":{"type":"string_or_null_array","value":["tier_1"]},"attributes.user_persona":{"type":"string_or_null_array","value":["rider"]},"attributes.country_code":{"type":"string_or_null_array","value":["az"]},"attributes.city_id":{"type":"number_or_null_array","value":[211]},"attributes.safety_severity_level":{"type":"string_or_null_array","value":["minor"]}}');

var memoryData = JSON.parse('{"attributes.support_case_state":{"type":"string_or_null_array","value":["open"]},"attributes.tier":{"type":"string_or_null_array","value":["tier_1"]},"attributes.user_persona":{"type":"string_or_null_array","value":["rider"]},"attributes.country_code":{"type":"string_or_null_array","value":["az"]},"attributes.city_id":{"type":"number_or_null_array","value":[211]},"attributes.safety_severity_level":{"type":"string_or_null_array","value":["minor"]}}');

Tests:

Local Storage
Object.fromEntries(Object.entries(JSON.parse(window.localStorage.getItem("data"))).map((key, value) => [key, value]));
In Memory
Object.fromEntries(Object.entries(memoryData).map((key, value) => [key, value]));

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 14 runs

In Memory

499K/s

Local Storage

272K/s

Fastest: In Memory (1.8x faster)

View exact numbers

✓ In Memory: 498,817 ops/sec
• Local Storage: 271,611 ops/sec

Firefox 6 runs

In Memory

512K/s

Local Storage

271K/s

Fastest: In Memory (1.9x faster)

View exact numbers

✓ In Memory: 511,638 ops/sec
• Local Storage: 270,744 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
Local Storage
In Memory

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Opera 119 on Windows

View result in a separate tab

In Memory

763K/s

Local Storage

449K/s

View exact numbers

Test name	Executions per second
✓ In Memory	762,642 Ops/sec
Local Storage	449,374 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided benchmark measures the performance difference between using Local Storage and in-memory data structures to store and retrieve objects.

**Options Compared**

Two options are compared:

1. **Local Storage**: Uses Web Storage API, specifically `localStorage`, to store and retrieve objects as JSON strings.
2. **In-Memory**: Uses JavaScript's built-in object data structure to store and retrieve objects.

**Pros and Cons of Each Approach**

### Local Storage

Pros:

* **Persistent storage**: Data is stored even after the tab is closed or the browser restarts.
* Easy to implement, as it leverages a standard API.

Cons:

* **Slow access times**: Accessing data in `localStorage` can be slower due to network latency and storage constraints.
* Limited capacity (5MB).

### In-Memory

Pros:

* **Fast access times**: Data is readily available without any additional overhead.
* No storage limits or latency concerns.

Cons:

* **Session-based storage**: Data is lost when the tab is closed or the browser restarts.
* Requires manual implementation of data structures and serialization.

**Library Used**

In this benchmark, the `JSON.parse()` function from JavaScript's built-in API is used to parse JSON strings stored in Local Storage. Additionally, the `Object.fromEntries()` function (available in modern browsers) is used to create objects from arrays.

**Special JS Feature/Syntax**

The `Object.entries()` and `Object.fromEntries()` methods are used, which are part of the ECMAScript 2020 standard. These methods provide a convenient way to work with object entries and create objects from iterables.

**Other Alternatives**

If you're interested in exploring other alternatives:

* **IndexedDB**: A more advanced storage solution that provides better performance and capacity than Local Storage.
* **Web SQL Database**: Another API for storing data in the browser, which offers more advanced features than Local Storage.
* **Custom data structures**: You can implement custom data structures, such as hash tables or binary search trees, to optimize performance.

Keep in mind that these alternatives may require more complex implementation and might not be suitable for all use cases.

Local storage vs memory (version: 0) Benchmark.js

Comparing performance of: `Local Storage vs In Memory`

Created: 4 years ago by: Guest

Go to the latest result

Local Storage

In Memory

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 14 runs

Firefox 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Local storage vs memory (version: 0) Benchmark.js

Comparing performance of: Local Storage vs In Memory

Created: 4 years ago by: Guest

Go to the latest result

Local Storage

In Memory

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 14 runs

Firefox 6 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: `Local Storage vs In Memory`