firefox-devtools / firefox-devtools/profiler

Marker table should be optionally sortable by duration (to easily discover the longest restyles, reflows, etc.)

Open
#3,831 2 comments 1 reaction 0 assignees View on GitHub
accessibility markers
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

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.