Benchmark: Lodash CloneDeep vs Immer Produce on moderate size object

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer/dist/immer.umd.js"></script>
<script src='https://cdn.jsdelivr.net/npm/lodash/lodash.js'></script>

Script Preparation code:

const LEN = 1000;
const arr = new Array(LEN).fill(Math.random());
var state =  {
    data: {
      data1: {
        data2: 'test'
      },
      data2: arr
    }
  };

Tests:

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

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: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Produce	261457.9 Ops/sec
CloneDeep	13819.0 Ops/sec

Related benchmarks:

Lodash CloneDeep vs Immer Produce on moderate size object (version: 1)

Lodash CloneDeep vs Immer Produce on moderate size object with 1000 elements in an array

Comparing performance of: Produce vs CloneDeep

Created: one year ago by: Guest

Jump to the latest result

Produce

CloneDeep

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A