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)
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 Booksalways 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 acomputed()that groupsrenderEntriesbyactionTypeand calculates per-type avg, max, and countperformance-panel.component.html: add a second table below the existing "Slowest Renders" table titled By Action Type, sortable by avg render time; apply the samegood/warning/criticalcolor codingNo core library changes needed action type is already in
STATE_CHANGEmessages.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)