Benchmark: Lodash isEqual and then group vs only grouping messages

HTML Preparation code:

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

Script Preparation code:

window.oldProps = [
  {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
];

window.newProps = [
  {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friendy" // <- change
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
];

var groupMessages = (msgs) =>  {
    return _.map(
      _.groupBy(_.sortBy(msgs, 'createdAt'), (message) => message.createdAt),
      (messages, date) => ({ date, messages }),
    );
  }

Tests:

Only isEqual
_.isEqual(window.oldProps, window.newProps)
Only grouping
groupMessages(window.newProps)
Both
if (!_.isEqual(window.oldProps, window.newProps)) { groupMessages(window.newProps); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Only isEqual
Only grouping
Both

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 29 days ago):

LLMs can make mistakes. Check important info.

It looks like we have a set of benchmarking results for some JavaScript code. I'll help you extract the relevant information.

**Benchmark Results:**

We have 3 test cases with their respective benchmark definitions and names:

1. `_.isEqual(window.oldProps, window.newProps)`
2. `groupMessages(window.newProps)`
3. `if (!_.isEqual(window.oldProps, window.newProps)) { groupMessages(window.newProps); }`

**Test Name "Only grouping"**

For this test case, the latest benchmark result is:

* **RawUAString**: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36`
* **Browser**: `Chrome 68`
* **DevicePlatform**: `Desktop`
* **OperatingSystem**: `Mac OS X 10.13.5`
* **ExecutionsPerSecond**: `244505.984375`

**Test Name "Only isEqual"**

For this test case, the latest benchmark result is:

**Test Name "Both"**

For this test case, the latest benchmark result is:

Let me know if you'd like to analyze the code or discuss any specific aspects of these results!

Latest run results:

Run details: (Test run date: 6 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

Browser/OS: Chrome 68 on Mac OS X 10.13.5

View result in a separate tab

Test name	Executions per second
Only isEqual	59551.0 Ops/sec
Only grouping	244506.0 Ops/sec
Both	48980.9 Ops/sec

Related benchmarks:

Lodash isEqual and then group vs only grouping messages (version: 2)

Tests

Comparing performance of: Only isEqual vs Only grouping vs Both

Created: 6 years ago by: Registered User

Jump to the latest result

Only isEqual

Only grouping

Both

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 29 days ago):