Benchmark: Immer produce vs Lodash cloneDeep

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:

nestedState =  {
    key1: {
      key11: {
        key111: 'test'
      }
    }
  };

Tests:

Immer produce
const result = immer.produce((nestedState, draft) => { draft.key1.key11.key111 = 'updated' })
Lodash cloneDeep
const result = _.cloneDeep(nestedState); result.key1.key11.key111 = 'updated';

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Immer produce
Lodash cloneDeep

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/108.0.5359.112 Mobile/15E148 Safari/604.1

Browser/OS: Chrome Mobile iOS 108 on iOS 16.1

View result in a separate tab

Test name	Executions per second
Immer produce	7865067.0 Ops/sec
Lodash cloneDeep	1240700.0 Ops/sec

Immer produce vs Lodash cloneDeep (version: 0)

Comparing performance of: Immer produce vs Lodash cloneDeep

Created: 3 years ago by: Guest

Jump to the latest result

Immer produce

Lodash cloneDeep

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A