Run results for: structuredClone vs Immer vs JSON.parse/stringify

Run details:

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

Browser: Chrome 144

Operating system: Windows

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
produce	140579.0 Ops/sec
structuredClone	123334.0 Ops/sec
JSON back and forth	149832.3 Ops/sec

HTML Preparation code:

<script type="module">
  import { produce } from 'https://cdn.jsdelivr.net/npm/immer@10.1.1/+esm';
  window.immerProduce = produce;
</script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uuid@10.0.0/dist/index.min.js"></script>

Script Preparation code:

const numSiblings = 500;
const depth = 3;

state = { field: 'f1', operator: '=', value: 'v1' };

Tests:

produce
const result = immerProduce(state, draft => { draft.id = crypto.randomUUID(); }); console.log(result);
structuredClone
const result = structuredClone(state); result.id = crypto.randomUUID(); console.log(result);
JSON back and forth
const result = JSON.parse(JSON.stringify({ ...state, id: crypto.randomUUID() })); console.log(result);

Run results for: structuredClone vs Immer vs JSON.parse/stringify

produce

structuredClone

JSON back and forth