Skip to content

[Feature]: Per-action-type performance breakdown #43

Description

@omoladeodetara

Problem Statement

The performance panel shows global averages and a list of the 10 slowest individual renders, but there is no way to see which action types consistently cause slow renders. A user cannot answer the question: "Is [Books] Load Books always slow, or was that one instance an outlier?"

Proposed Solution

Add a per-action-type aggregation view to the performance panel, showing avg/max render time and hit count grouped by action type.

Changes required:

  • performance-panel.component.ts: add a computed() that groups renderEntries by actionType and calculates per-type avg, max, and count
  • performance-panel.component.html: add a second table below the existing "Slowest Renders" table titled By Action Type, sortable by avg render time; apply the same good/warning/critical color coding

No core library changes needed action type is already in STATE_CHANGE messages.

Alternatives Considered

Filtering the existing table by action type useful but doesn't give aggregate statistics across all occurrences of a given type.

Component

Performance Panel (ngrx-devtool-ui)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions