Run results for: State serialization

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36

Browser: Chrome 73

Operating system: Linux

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
_.isEqual Equal	172316.7 Ops/sec
JSON.stringify Equal	167081.7 Ops/sec
_.isEqual Query change	619503.0 Ops/sec
JSON.stringify Query change	170034.8 Ops/sec
_.isEqual Facets refinement change	250339.9 Ops/sec
JSON.stringify Facets refinement change	156967.0 Ops/sec
_.isEqual Numeric refinement change	218439.1 Ops/sec
JSON.stringify Numeric refinement change	159009.3 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>

Script Preparation code:

// Equal
window.foo1 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};
window.bar1 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};

// Query change
window.foo2 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};
window.bar2 = {
  "index": "instant_search",
  "query": "q",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};

// Facets refinements change
window.foo3 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};
window.bar3 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {
    "brand": [
      "Insignia™"
    ]
  },
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
}

// Numeric refinements change
window.foo4 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {},
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
};
window.bar4 = {
  "index": "instant_search",
  "query": "",
  "facets": [],
  "disjunctiveFacets": [
    "rating",
    "brand"
  ],
  "hierarchicalFacets": [],
  "facetsRefinements": {},
  "facetsExcludes": {},
  "disjunctiveFacetsRefinements": {},
  "numericRefinements": {
    "price": {
      "<=": [
        10
      ]
    }
  },
  "tagRefinements": [],
  "hierarchicalFacetsRefinements": {},
  "hitsPerPage": 4,
  "maxValuesPerFacet": 10,
  "highlightPreTag": "__ais-highlight__",
  "highlightPostTag": "__/ais-highlight__",
  "attributesToSnippet": [
    "description:15"
  ],
  "snippetEllipsisText": "[…]"
}

Tests:

_.isEqual Equal
_.isEqual(window.foo1, window.bar1)
JSON.stringify Equal
JSON.stringify(window.foo1) === JSON.stringify(window.bar1);
_.isEqual Query change
_.isEqual(window.foo2, window.bar2)
JSON.stringify Query change
JSON.stringify(window.foo2) === JSON.stringify(window.bar2);
_.isEqual Facets refinement change
_.isEqual(window.foo3, window.bar3)
JSON.stringify Facets refinement change
JSON.stringify(window.foo3) === JSON.stringify(window.bar3);
_.isEqual Numeric refinement change
_.isEqual(window.foo4, window.bar4)
JSON.stringify Numeric refinement change
JSON.stringify(window.foo4) === JSON.stringify(window.bar4);

Run results for: State serialization

Test on isEqual performance

_.isEqual Equal

JSON.stringify Equal

_.isEqual Query change

JSON.stringify Query change

_.isEqual Facets refinement change

JSON.stringify Facets refinement change

_.isEqual Numeric refinement change

JSON.stringify Numeric refinement change