Benchmark: LocalStorage/SessionStorage set and remove

Script Preparation code:

var onek = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
localStorage.setItem('foo', onek);

Tests:

LocalStorage set
localStorage.setItem('foo', onek);
LocalStorage remove
localStorage.removeItem('foo');
SessionStorage set
sessionStorage.setItem('foo', onek);
SessionStorage remove
sessionStorage.removeItem('foo');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
LocalStorage set
LocalStorage remove
SessionStorage set
SessionStorage remove

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 133 on Linux

View result in a separate tab

Test name	Executions per second
LocalStorage set	25401.9 Ops/sec
LocalStorage remove	1009983.3 Ops/sec
SessionStorage set	19098.6 Ops/sec
SessionStorage remove	1001657.8 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the provided benchmark definition and test cases to explain what's being tested, compared, and their pros and cons.

**Benchmark Definition**

The JSON represents a single benchmarking scenario. In this case, it tests the performance of setting and removing items from both LocalStorage and SessionStorage using the same string value `onek`.

*   The script preparation code initializes a variable `onek` with a long hexadecimal string.
*   The HTML preparation code is empty, indicating that no specific HTML setup is required for this benchmark.
*   The benchmark definition consists of three test cases:
    *   `localStorage.setItem('foo', onek);`: Tests the performance of setting an item in LocalStorage using the provided string value.
    *   `localStorage.removeItem('foo');`: Tests the performance of removing an item from LocalStorage using the same key.
    *   `sessionStorage.setItem('foo', onek);`: Tests the performance of setting an item in SessionStorage using the provided string value.
    *   `sessionStorage.removeItem('foo');`: Tests the performance of removing an item from SessionStorage using the same key.

**Comparison Options**

The benchmark compares the performance of:

*   LocalStorage and SessionStorage for both setting and removing items
*   Different browser versions (Safari 16) with varying device platforms and operating systems

**Pros and Cons**

Here's a brief overview of the pros and cons for each approach:

### LocalStorage

Pros:
*   Persistent storage across page reloads
*   IndexedDB can be used as an additional storage solution
*   Most browsers support it (except IE)

Cons:
*   Limited space (typically 5 MB)
*   Can be vulnerable to security attacks if not implemented correctly
*   Data is not synced across devices

### SessionStorage

Pros:
*   More secure than LocalStorage due to its limited scope and shorter expiration time
*   Syncs data across devices when the browser is synchronized
*   Typically less storage space required compared to LocalStorage

Cons:
*   Data is lost after the browsing session ends
*   May not be supported in older browsers or versions

### Browsers and Device Platforms

Using different browser versions, device platforms, and operating systems can help identify platform-specific issues, variations in browser behavior, and limitations in certain devices.

**Other Considerations**

When writing benchmarks like this one:

*   Use clear, concise language to describe the benchmark's purpose and expected outcomes.
*   Choose relevant metrics (e.g., executions per second) that accurately reflect the performance aspect being measured.
*   Ensure accurate data is recorded and reported for each test case.
*   Consider additional factors such as CPU usage, memory allocation, or other system resources when evaluating performance.

**Alternatives**

If you're looking to benchmark different storage solutions in JavaScript:

*   Use Node.js with the `fs` (file system) module to access file-based storage
*   Consider using a library like `localforage`, which provides a simple API for storing data locally in a browser
*   For advanced use cases, explore libraries like `IndexedDB` or `PouchDB` for more robust and feature-rich storage solutions

Related benchmarks:

LocalStorage/SessionStorage set and remove (version: 1)

Comparing performance of: LocalStorage set vs LocalStorage remove vs SessionStorage set vs SessionStorage remove

Created: 3 years ago by: Registered User

Jump to the latest result

LocalStorage set

LocalStorage remove

SessionStorage set

SessionStorage remove

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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