1453488 - UI for Network markers/loads in Profiler

Status: RESOLVED WONTFIX

(Core :: Gecko Profiler, enhancement)

Description

[Randell Jesup [:jesup] (needinfo me)]

While the markers should show (without much detail) in the Marker tabs in the perf-html.io UI, ideally you should have a separate network tab, and selecting one would highlight the different phases of a single load and indicate (color, tooltip, etc) what each phase is, somewhat similar to the Network tab in devtools.  Selecting a load should let you narrow the profile to that time period, and selecting a sub-phase of a load likewise should allow that option.

I'd suggest a default view would be a waterfall, sorted by start-time, of loads, with the phases of the load shown as a series of non-overlapping-regions of time in different colors.  Selecting a single line of the list would expand the URL, and perhaps vertically expand the load ala Network in devtools (this doesn't seem strictly necessary).

Comment 1

[Panos Astithas (he/him) [:past] (please ni?)]

The perf.html frontend work is tracked in https://github.com/devtools-html/perf.html/issues/774 (and more broadly all perf.html UI things are in that GitHub repo).