Benchmark: Lodash CloneDeep vs Immer Produce

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer@3.1.3/dist/immer.umd.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

state =  {
    data: {
      data1: {
        data2: 'test'
      }
    }
  };

Tests:

Produce
const result = immer.produce(state, draft => { draft.data.data1.data2 = 'updated' })
CloneDeep
const result = _.cloneDeep(state); result.data.data1.data2 = 'updated';

Historical Performance Data aggregated from 84 community runs

Desktop Results:

Chrome 74 runs

CloneDeep

1.4M/s

Produce

596K/s

Fastest: CloneDeep (2.4x faster)

View exact numbers

✓ CloneDeep: 1,424,101 ops/sec
• Produce: 595,830 ops/sec

Firefox 10 runs

CloneDeep

778K/s

Produce

290K/s

Fastest: CloneDeep (2.7x faster)

View exact numbers

✓ CloneDeep: 777,911 ops/sec
• Produce: 290,352 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
Produce
CloneDeep

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 17 days ago)

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

Browser/OS: Chrome 150 on Windows

View result in a separate tab

CloneDeep

1.2M/s

Produce

523K/s

View exact numbers

Test name	Executions per second
✓ CloneDeep	1,170,230 Ops/sec
Produce	523,085 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down what's being tested in the provided JSON benchmark.

**Benchmark Overview**

The benchmark compares two functions: `immer.produce` and `_.cloneDeep` from the Lodash library, which are used to create shallow copies of objects. The test aims to measure which approach is faster for creating a shallow copy of an object.

**Options Compared**

Two options are being compared:

1. **Immer's produce**: This function creates a new state by merging the original state with a draft object that contains the updated values. It returns the updated state.
2. **Lodash's cloneDeep**: This function creates a deep copy of an object, including nested objects and arrays.

**Pros and Cons**

Here are some pros and cons of each approach:

* **Immer's produce**:
	+ Pros: Efficiently updates only the specific parts of the original state, reducing memory allocation and copying overhead.
	+ Cons: Can be slower for large objects due to the merging process.
* **Lodash's cloneDeep**:
	+ Pros: Creates a deep copy of the entire object, which can be beneficial when working with complex data structures.
	+ Cons: Copies the entire object, including unnecessary data, leading to increased memory allocation and copying overhead.

**Library: Immer**

Immer is a library for functional programming in JavaScript. Its primary purpose is to make it easier to work with immutable data structures by providing a simple way to create new versions of objects while keeping the original state intact.

In this benchmark, Immer's produce function is used to update only specific parts of the original state, making it more efficient than Lodash's cloneDeep for shallow copying.

**Special JS Feature: None**

There are no special JavaScript features or syntax used in this benchmark. The code is straightforward and follows standard JavaScript practices.

**Other Alternatives**

If you need a deeper copy of an object, you can consider using other libraries like:

* **JSON.parse() + JSON.stringify()**: This method creates a deep copy by parsing the original object as JSON and then stringifying it.
* **lodash.clone**: This function is similar to cloneDeep but creates only shallow copies.

However, keep in mind that these alternatives may have different performance characteristics compared to Immer's produce or Lodash's cloneDeep.

Lodash CloneDeep vs Immer Produce (version: 0)

Comparing performance of: `Produce vs CloneDeep`

Created: 5 years ago by: Guest

Go to the latest result

Produce

CloneDeep

Historical Performance Data aggregated from 84 community runs

Desktop Results:

Chrome 74 runs

Firefox 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Lodash CloneDeep vs Immer Produce (version: 0)

Comparing performance of: Produce vs CloneDeep

Created: 5 years ago by: Guest

Go to the latest result

Produce

CloneDeep

Historical Performance Data aggregated from 84 community runs

Desktop Results:

Chrome 74 runs

Firefox 10 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: `Produce vs CloneDeep`