Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
structuredClone vs Immer vs JSON.parse/stringify
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=621868" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Mobile Safari/537.36
Browser:
Chrome Mobile 141
Operating system:
Android
Device Platform:
Mobile
Date tested:
5 months ago
Test name
Executions per second
produce
29435.3 Ops/sec
structuredClone
29497.7 Ops/sec
JSON back and forth
30929.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);