Run results for: js-diff vs deep-diff - Diff creation

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.4 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 18

Operating system: iOS 18.4.1

Device Platform: Mobile

Date tested: one year ago

deep-diff

168K/s

deep-diff serialized

144K/s

diff

64K/s

View exact numbers

Test name	Executions per second
✓ deep-diff	168,431 Ops/sec
deep-diff serialized	143,565 Ops/sec
diff	63,648 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/deep-diff/1.0.2/deep-diff.min.js" integrity="sha512-sKpj+p1Vl1GH12VgyCSFdaz5+yjKfd2z10v2G/l1ZeUNN91hZO2NuzuQeCw8ynaLCdYSXanLEekKRWxeqdXU5Q==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsdiff/4.0.2/diff.min.js" integrity="sha512-pziHjry6XY+CawObjF30gr/WqV3k+7YaBSH3F/YgdJw279osLLT2f2XNFXRb0umygwQPgHJ2vvJoLLLZYj3fzA==" crossorigin="anonymous"></script>

Script Preparation code:

var oldObj = {
  "content": {
    "blocks": {
      "block-0": {
        "id": "block-0",
        "type": "p",
        "leafIds": [
          "leaf-2"
        ]
      },
      "block-1": {
        "id": "block-1",
        "type": "p",
        "leafIds": [
          "leaf-3"
        ]
      }
    },
    "leaves": {
      "leaf-2": {
        "id": "leaf-2",
        "text": "12345"
      },
      "leaf-3": {
        "id": "leaf-3",
        "text": "abcde"
      }
    },
    "blockIds": [
      "block-0",
      "block-1"
    ]
  },
  "selection": {
    "isReversed": false,
    "isCollapsed": true,
    "startEl": "leaf-2",
    "endEl": "leaf-2",
    "startOffset": 12,
    "endOffset": 12
  }
}

var newObj = {
  "content": {
    "blocks": {
      "block-0": {
        "id": "block-0",
        "type": "p",
        "leafIds": [
          "leaf-2"
        ]
      },
      "block-1": {
        "id": "block-1",
        "type": "p",
        "leafIds": [
          "leaf-3"
        ]
      }
    },
    "leaves": {
      "leaf-2": {
        "id": "leaf-2",
        "text": "12345hooba12"
      },
      "leaf-3": {
        "id": "leaf-3",
        "text": "abcde"
      }
    },
    "blockIds": [
      "block-0",
      "block-1"
    ]
  },
  "selection": {
    "isReversed": false,
    "isCollapsed": true,
    "startEl": "leaf-2",
    "endEl": "leaf-2",
    "startOffset": 12,
    "endOffset": 12
  }
}

var serialize = (obj) => JSON.stringify(obj, null, 1)

var oldObjSerialized = serialize(oldObj)

var diffs = []

Tests:

diff
var newObjSerialized = serialize(newObj) var diff = Diff.createPatch('', newObjSerialized, oldObjSerialized, 'a', 'b') diffs.push(diff)
deep-diff
var diff = DeepDiff.diff(newObj, oldObj) diffs.push(diff)
deep-diff serialized
var diff = DeepDiff.diff(newObj, oldObj) diffs.push(JSON.stringify(diff))