firefox-devtools / firefox-devtools/profiler

Marker Chart: Allow sorting, e.g., by first marker start time, etc.

Open
#2,541 2 comments 0 reactions 0 assignees View on GitHub
markers
Dominant language
TypeScript
Stars
1.5k
Forks
491
Avg merge
3d 46m
Merged PRs (30d)
27

Description

The marker chart is sorted by categories A-Z and then type A-Z.
This is nice and predictable, but it means it can be a bit difficult to see the order of things, and we have markers like "FirstNonBlankPaint" after "FirstContentfulPaint" though their actual time order is always the reverse.

I think it would be useful to allow re-ordering in different ways:

* Sort by first marker start time and then shortest duration.
* Sort by first marker end time and then shortest duration.
* Enable/disable category grouping.
* Drag individual rows -- The user may be interested in comparing specific markers in different categories and types.
* Drag individual markers(!), this would effectively split rows. Less sure of the usefulness, maybe instead we could add time bars in the Marker Table view.
* Something like the Stack Chart view where Auto markers (those generated through `AUTO_PROFILER_MARKER_...`) could build pyramids of nested markers. 0-duration markers could be leaves. And optionally other markers could be added if they "play nice" with their potential nested parent/children, the rest can be added below the chart.

┆Issue is synchronized with this [Jira Task](https://mozilla-hub.atlassian.net/browse/FP-262)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.