firefox-devtools / firefox-devtools/profiler
Marker table should be optionally sortable by duration (to easily discover the longest restyles, reflows, etc.)
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 491
- Avg merge
- 3d 46m
- Merged PRs (30d)
- 27
Description
Right now, the marker table is sorted by "Start time". But I would really like to be able to sort it by duration, so that I can easily see e.g. the N longest-duration restyles/reflows/etc (whatever I've filtered for). Intuitively it feels like I should be able to click on the "Duration" header and have it automatically perform a stable-sort via that field; but right now the header doesn't have any effect when clicked.
Here's a sample profile where I was wanting to do this: https://share.firefox.dev/3nUbCqc
(in service of https://bugzilla.mozilla.org/show_bug.cgi?id=1699500 )
Ideally I'd like to be able to look at that^ profile, filter for "style", click something, and immediately be able to say "OK, looks like the longest style is `X ms`, and the next-longest few were `Y ms` and `Z ms`". This helps figure out what (if anything) needs further investigation. (I ended up answering this question myself using some handwritten JS an `filteredMarkers` in the Web Console, but that's not a great user experience.)
┆Issue is synchronized with this [Jira Task](https://mozilla-hub.atlassian.net/browse/FP-505)
Contributor guide
Assessment
This issue has not been assessed yet.