Benchmark: Lodash cloneDeep vs structuredClone (small & large objects) #2

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>

Script Preparation code:

var smallObject = {
    "documentId": 10,
    "diagramId": 16,
    "name": "Page 1",
    "diagram": {
        "name": "Page 1",
        "layout": {
            "location": {
                "x": 42,
                "y": 228
            },
            "size": {
                "width": 624,
                "height": 408
            },
            "insets": {
                "top": 72,
                "left": 195.33333333333326,
                "bottom": 72,
                "right": 195.33333333333326
            },
            "offsets": {
                "x": 0,
                "y": 0
            }
        },
        "templates": [],
        "quickBuildState": 2,
        "flipbookState": 0,
        "isTemplate": false,
        "id": 16,
        "cacheKey": "16-1674739234596"
    },
    "order": 0,
    "contentColumns": 0,
    "headerLayout": "[]",
    "footerLayout": "[]",
    "backgroundLayout": "[{\"type\":\"Text\",\"layout\":{\"x\":139,\"y\":132,\"width\":119,\"height\":33},\"padding\":8,\"zIndex\":1,\"resized\":false,\"hidden\":false,\"moved\":false,\"html\":\"<p class=\\\"steps-normal-font\\\"><span style=\\\"color:#000000;font-family:Calibri;font-size:14pt;\\\"><strong>Background text</strong></span></p>\",\"preset\":\"normal\"}]",
    "showLogo": false,
    "showLegend": false
};

var largeObject = {
    "documentId": 10,
    "diagramId": 16,
    "name": "Page 1",
    "diagram": {
        "name": "Page 1",
        "legend": "{\"options\":{\"legendType\":0,\"legendLayout\":{\"columns\":1,\"maxColumns\":6,\"minColumns\":3,\"horizontalColumns\":6,\"itemMinWidth\":180},\"header\":\"Legend\",\"position\":8},\"items\":[{\"type\":1,\"show\":true,\"label\":\"Corporate\",\"name\":\"CORPORATE\",\"symbol\":\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9IjAgMCA5NiA2NiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSIiPjxkZWZzLz48ZyBzdHlsZT0icG9pbnRlci1ldmVudHM6dmlzaWJsZVBhaW50ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgMykiIGltYWdlLXJlbmRlcmluZz0iYXV0byIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIj48cmVjdCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBzdHJva2U9InJnYigwLDAsMCkiIGZpbGwtb3BhY2l0eT0iMSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcng9IjEwIiB3aWR0aD0iOTAiIHk9IjAiIGhlaWdodD0iNjAiIHg9IjAiIHJ5PSIxMCIvPjwvZz48L3N2Zz4=\",\"key\":\"44eac3d2633ea347658121151bfe2fe4\",\"isFiltered\":false,\"isPristine\":true},{\"type\":2,\"show\":true,\"label\":\"Ownership\",\"name\":\"OWNERSHIP\",\"symbol\":\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzM3B4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAzMyAyOCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSIiPjxkZWZzLz48ZyBzdHlsZT0icG9pbnRlci1ldmVudHM6dmlzaWJsZVBhaW50ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGltYWdlLXJlbmRlcmluZz0iYXV0byIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIj48ZyBkYXRhLXBlbmRvPSJlZGdlLWVsZW1lbnQtc2VsZWN0Ij48cGF0aCBkPSJNIDAsMCBMIDMwLjUsMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsMCwwKSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48cmVjdCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBzdHJva2U9InJnYigwLDAsMCkiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGZpbGwtb3BhY2l0eT0iMSIgd2lkdGg9IjAiIHk9IjAiIGhlaWdodD0iMCIgeD0iMCIvPjxyZWN0IGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIHN0cm9rZT0icmdiKDAsMCwwKSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbC1vcGFjaXR5PSIxIiB3aWR0aD0iMSIgeT0iMjYiIGhlaWdodD0iMCIgeD0iMzAiLz48L2c+PC9zdmc+\",\"key\":\"02cdd57f83b6db7dcd25d8da63a8e943\",\"isFiltered\":false},{\"type\":1,\"show\":true,\"label\":\"Partnership\",\"name\":\"PARTNERSHIP\",\"symbol\":\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9IjAgMCA5NiA2NiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSIiPjxkZWZzLz48ZyBzdHlsZT0icG9pbnRlci1ldmVudHM6dmlzaWJsZVBhaW50ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgMykiIGltYWdlLXJlbmRlcmluZz0iYXV0byIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIj48cGF0aCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBzdHJva2U9InJnYigwLDAsMCkiIGQ9Ik0gNDUsMCBMIDkwLDYwIEwgMCw2MCBaIiBmaWxsLW9wYWNpdHk9IjEiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PC9zdmc+\",\"key\":\"c7524edfb74407fd029aceeea79e28f6\",\"isFiltered\":false,\"isPristine\":true},{\"type\":2,\"show\":true,\"label\":\"Arc\",\"name\":\"ARC\",\"symbol\":\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzN3B4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzNyAzMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSIiPjxkZWZzLz48ZyBzdHlsZT0icG9pbnRlci1ldmVudHM6dmlzaWJsZVBhaW50ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMy4wODExNTM1NDQ0OTg0MDE1KSIgaW1hZ2UtcmVuZGVyaW5nPSJhdXRvIiBzaGFwZS1yZW5kZXJpbmc9ImF1dG8iPjxnIGRhdGEtcGVuZG89ImVkZ2UtZWxlbWVudC1zZWxlY3QiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsMCwwKSIgZD0iTSAwLDAgTCA0LjE4Njk1NjA0NTc1MzY5LC0xLjA1MDQ0MzY2OTA1NjYyNjggTCAxMS42NDg1ODU3MTMxNTE0ODksLTIuMDgxMTUzNTQ0NDk4NDAxNSBMIDE3Ljg5MzgzODgxODA0ODM2LC0xLjY4NDk2MDEzMzgzOTE0MjIgTCAyMi45MjI3MTUzNjQwMTg1MywwLjEzODEzNjU2NTk2ODAyNjgxIEwgMjYuNzM1MjE1MzU0NjM2MjAzLDMuMzg4MTM2NTU3OTY5OTggTCAyOS4zMzEzMzg3OTM0NzU2MDYsOC4wNjUwMzk4NDUyMTM1OTIgTCAzMC43MTEwODU2ODQxMTA5NiwxNC4xNjg4NDY0MzA3NDU3NDIgTCAzMC44NTk2MzY0MjM1MjEwMjgsMjEuMDE2NDMyNjAxMjQzNzMyIiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZmlsbD0icmdiKDAsMCwwKSIgc3Ryb2tlPSJub25lIiBkPSJNIDUsLTUgTCAwLDAgTCA1LDUgWiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMjE2ODg3ODA4NjgxMTQwNjggLTAuOTk5NzY0NzcwNzI1ODIxNyAwLjk5OTc2NDc3MDcyNTgyMTcgLTAuMDIxNjg4NzgwODY4MTE0MDY4IDMwLjk2ODA4MDMyNzg2MTYgMjYuMDE1MjU2NDU0ODcyODQpIiBzdHlsZT0icG9pbnRlci1ldmVudHM6IG5vbmU7Ii8+PC9nPjxyZWN0IGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIHN0cm9rZT0icmdiKDAsMCwwKSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbC1vcGFjaXR5PSIxIiB3aWR0aD0iMCIgeT0iMCIgaGVpZ2h0PSIwIiB4PSIwIi8+PHJlY3QgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgc3Ryb2tlPSJyZ2IoMCwwLDApIiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBmaWxsLW9wYWNpdHk9IjEiIHdpZHRoPSIxIiB5PSIyNiIgaGVpZ2h0PSIwIiB4PSIzMCIvPjwvZz48L3N2Zz4=\",\"key\":\"f199940101929f6006dbd6c5a5a7e387\",\"isFiltered\":false}],\"displayItems\":null}",
        "layout": {
            "location": {
                "x": 42,
                "y": 228
            },
            "size": {
                "width": 624,
                "height": 408
            },
            "insets": {
                "top": 72,
                "left": 195.33333333333326,
                "bottom": 72,
                "right": 195.33333333333326
            },
            "offsets": {
                "x": 0,
                "y": 0
            }
        },
        "nodes": [
            {
                "id": 18,
                "uuid": "dd10be63-4020-4f1a-beb6-5649ea3ab87d",
                "layout": {
                    "x": 282,
                    "y": 396,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 0,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionName": "",
                            "stateName": "",
                            "jurisdictionLocation": {
                                "ratio": {
                                    "x": 0.7986111111111112,
                                    "y": 0.041666666666666664
                                },
                                "fixedPosition": 5
                            }
                        },
                        "FilterDecorators": {
                            "filters": []
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "c30eb271-3a3a-4d82-8103-42f4921b11d9",
                "originalUuid": null,
                "layout": {
                    "x": 282,
                    "y": 228,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 1,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": null
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "b8e0b0ab-beae-45e9-9a06-ac9bfe983a18",
                "originalUuid": null,
                "layout": {
                    "x": 42,
                    "y": 396,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "PARTNERSHIP",
                    "annotationType": 0,
                    "displayOrder": 2,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": {
                            "x": 0,
                            "y": 10
                        },
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": {
                                "ratio": {
                                    "x": 0.7986111111111112,
                                    "y": 0.041666666666666664
                                },
                                "fixedPosition": 5
                            }
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Partnership]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 4,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "d1688c6a-e76d-44bd-b8d6-191f61d79f9c",
                "originalUuid": null,
                "layout": {
                    "x": 282,
                    "y": 564,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 3,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": {
                                "ratio": {
                                    "x": 0.7986111111111112,
                                    "y": 0.041666666666666664
                                },
                                "fixedPosition": 5
                            }
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "9fc294a1-1b68-4641-a2b7-d29530b2adf1",
                "originalUuid": null,
                "layout": {
                    "x": 522,
                    "y": 396,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 4,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": {
                                "ratio": {
                                    "x": 0.7986111111111112,
                                    "y": 0.041666666666666664
                                },
                                "fixedPosition": 5
                            }
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "9ebb3029-6082-4c1f-a0fd-91296616553c",
                "originalUuid": null,
                "layout": {
                    "x": 42,
                    "y": 564,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 5,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": null
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "16fbcf75-32f2-4496-a371-afd0fa72b259",
                "originalUuid": null,
                "layout": {
                    "x": 522,
                    "y": 564,
                    "width": 144,
                    "height": 72
                },
                "data": {
                    "isFixedInLayout": false,
                    "layer": null,
                    "isLocked": false,
                    "quickBuildDisabled": false,
                    "definitionCustomised": false,
                    "isAnnotation": false,
                    "name": "CORPORATE",
                    "annotationType": 0,
                    "displayOrder": 6,
                    "groupColor": null,
                    "dataPropertyDisplayTypes": {
                        "jurisdiction": [
                            0,
                            1
                        ],
                        "state": [
                            0,
                            1
                        ]
                    },
                    "labelData": {
                        "textFit": 0,
                        "wrapTextInShape": false,
                        "modelType": 1,
                        "offset": null,
                        "positionVector": {
                            "x": -1,
                            "y": 0
                        }
                    },
                    "labelIsPlaceholder": true,
                    "dataPropertyStyle": {
                        "isActive": false
                    },
                    "decorationStates": {
                        "IndicatorDecorators": {
                            "indicators": []
                        },
                        "FilterDecorators": {
                            "filters": []
                        },
                        "JurisdictionDecorator": {
                            "jurisdictionFlagImage": null,
                            "jurisdictionName": null,
                            "stateName": null,
                            "stateInitials": null,
                            "jurisdictionLocation": null
                        }
                    },
                    "isResized": false
                },
                "label": "<p style=\"text-align:center;\"><span style=\"color:rgb(0,0,0);font-family:Arial;font-size:10pt;\">[Corporate]</span></p>",
                "dataProperties": [],
                "dataPropertyTags": [],
                "style": {
                    "fill": {
                        "color": "#ffffffff"
                    },
                    "stroke": {
                        "thickness": 1,
                        "fill": {
                            "color": "#ff000000"
                        },
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        }
                    },
                    "shape": 5,
                    "visualType": 0
                },
                "isGroupNode": false,
                "groupUuid": null,
                "attachments": [],
                "isIncluded": true
            }
        ],
        "edges": [
            {
                "id": null,
                "uuid": "b1dfce5d-b628-4f7c-9255-498a7b47d48f",
                "originalUuid": null,
                "sourceNodeUuid": "c30eb271-3a3a-4d82-8103-42f4921b11d9",
                "targetNodeUuid": "dd10be63-4020-4f1a-beb6-5649ea3ab87d",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 0.5,
                    "y": 1
                },
                "targetPort": {
                    "x": 0.5,
                    "y": 0
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 2,
                    "targetPortFixed": true,
                    "targetPortDirection": 1,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "b18bd99d-379b-4e67-9013-2936025c9910",
                "originalUuid": null,
                "sourceNodeUuid": "dd10be63-4020-4f1a-beb6-5649ea3ab87d",
                "targetNodeUuid": "b8e0b0ab-beae-45e9-9a06-ac9bfe983a18",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 0,
                    "y": 0.5
                },
                "targetPort": {
                    "x": 0.75,
                    "y": 0.5
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 8,
                    "targetPortFixed": true,
                    "targetPortDirection": 4,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "667bd8a3-7694-475d-b626-9a4d591fdc76",
                "originalUuid": null,
                "sourceNodeUuid": "dd10be63-4020-4f1a-beb6-5649ea3ab87d",
                "targetNodeUuid": "d1688c6a-e76d-44bd-b8d6-191f61d79f9c",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 0.5,
                    "y": 1
                },
                "targetPort": {
                    "x": 0.5,
                    "y": 0
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 2,
                    "targetPortFixed": true,
                    "targetPortDirection": 1,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "72730b10-53d9-489f-998e-02c44e497a81",
                "originalUuid": null,
                "sourceNodeUuid": "dd10be63-4020-4f1a-beb6-5649ea3ab87d",
                "targetNodeUuid": "9fc294a1-1b68-4641-a2b7-d29530b2adf1",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 1,
                    "y": 0.5
                },
                "targetPort": {
                    "x": 0,
                    "y": 0.5
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 4,
                    "targetPortFixed": true,
                    "targetPortDirection": 8,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "532923ad-a0a7-45a3-b537-9abb7c5d7003",
                "originalUuid": null,
                "sourceNodeUuid": "d1688c6a-e76d-44bd-b8d6-191f61d79f9c",
                "targetNodeUuid": "9ebb3029-6082-4c1f-a0fd-91296616553c",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 0,
                    "y": 0.5
                },
                "targetPort": {
                    "x": 1,
                    "y": 0.5
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 8,
                    "targetPortFixed": true,
                    "targetPortDirection": 4,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "975b0cd5-dfb4-407a-baaf-8796262f95c2",
                "originalUuid": null,
                "sourceNodeUuid": "d1688c6a-e76d-44bd-b8d6-191f61d79f9c",
                "targetNodeUuid": "16fbcf75-32f2-4496-a371-afd0fa72b259",
                "bends": [],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 2,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 1,
                    "y": 0.5
                },
                "targetPort": {
                    "x": 0,
                    "y": 0.5
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": true,
                    "sourcePortFixed": true,
                    "sourcePortDirection": 4,
                    "targetPortFixed": true,
                    "targetPortDirection": 8,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "OWNERSHIP",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            },
            {
                "id": null,
                "uuid": "3b9776bf-4fd2-48de-adfa-e47aa7fa96cd",
                "originalUuid": null,
                "sourceNodeUuid": "b8e0b0ab-beae-45e9-9a06-ac9bfe983a18",
                "targetNodeUuid": "c30eb271-3a3a-4d82-8103-42f4921b11d9",
                "bends": [
                    {
                        "x": 234,
                        "y": 426
                    },
                    {
                        "x": 234,
                        "y": 264
                    }
                ],
                "style": {
                    "stroke": {
                        "dashStyle": {
                            "dashes": null,
                            "offset": 0
                        },
                        "fill": {
                            "color": "#ff000000"
                        },
                        "thickness": 1
                    },
                    "sourceArrow": {
                        "type": "None",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "targetArrow": {
                        "type": "Triangle",
                        "scale": 1,
                        "fill": {
                            "color": "#ff000000"
                        }
                    },
                    "visualType": 3,
                    "height": 12,
                    "bridge": true
                },
                "sourcePort": {
                    "x": 0.7083333333333334,
                    "y": 0.4166666666666667
                },
                "targetPort": {
                    "x": 0,
                    "y": 0.5
                },
                "label": null,
                "data": {
                    "edited": false,
                    "placeholder": false,
                    "autoCreated": false,
                    "sourcePortFixed": false,
                    "sourcePortDirection": null,
                    "targetPortFixed": false,
                    "targetPortDirection": null,
                    "definitionCustomised": false,
                    "isFixedInLayout": false,
                    "name": "ARC",
                    "isAnnotation": false,
                    "busid": null,
                    "isOrphan": false,
                    "labelData": null,
                    "labelIsPlaceholder": true
                },
                "dataProperties": [],
                "dataPropertyTags": [],
                "attachments": [],
                "isIncluded": true
            }
        ],
        "templates": [],
        "quickBuildState": 2,
        "flipbookState": 0,
        "isTemplate": false,
        "id": 16,
        "cacheKey": "16-1674739234596"
    },
    "order": 0,
    "contentColumns": 0,
    "headerLayout": "[]",
    "footerLayout": "[]",
    "backgroundLayout": "[{\"type\":\"Text\",\"layout\":{\"x\":139,\"y\":132,\"width\":119,\"height\":33},\"padding\":8,\"zIndex\":1,\"resized\":false,\"hidden\":false,\"moved\":false,\"html\":\"<p class=\\\"steps-normal-font\\\"><span style=\\\"color:#000000;font-family:Calibri;font-size:14pt;\\\"><strong>Background text</strong></span></p>\",\"preset\":\"normal\"}]",
    "showLogo": false,
    "showLegend": false,
    "pageType": 0,
    "contentType": 0,
    "layoutType": 0,
    "orientation": 0,
    "diagramPosition": 1,
    "showHeader": true,
    "showFooter": true,
    "isPristine": false,
    "filterDefinition": "[]",
    "stepsFontPresets": [],
    "subPageRefs": [],
    "showPageNumber": false,
    "showDate": false,
    "id": 32,
    "filters": []
};

Tests:

cloneDeep (small object)
const smallObjectCopy = _.cloneDeep(smallObject);
cloneDeep (large object)
const largeObjectCopy = _.cloneDeep(largeObject);
structuredClone (small object)
const smallObjectCopy = structuredClone(smallObject);
structuredClone (large object)
const largeObjectCopy = structuredClone(largeObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
cloneDeep (small object)
cloneDeep (large object)
structuredClone (small object)
structuredClone (large object)

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: 4 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:122.0) Gecko/20100101 Firefox/122.0

Browser/OS: Firefox 122 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
cloneDeep (small object)	304616.3 Ops/sec
cloneDeep (large object)	5044.8 Ops/sec
structuredClone (small object)	331667.0 Ops/sec
structuredClone (large object)	12223.2 Ops/sec

Lodash cloneDeep vs structuredClone (small & large objects) #2 (version: 0)

Comparing performance of: cloneDeep (small object) vs cloneDeep (large object) vs structuredClone (small object) vs structuredClone (large object)

Created: one year ago by: Guest

Jump to the latest result

cloneDeep (small object)

cloneDeep (large object)

structuredClone (small object)

structuredClone (large object)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A