| Summary: | Web Inspector: Visualize resources / transfer sizes for sort / comparison | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Joseph Pecoraro <joepeck> |
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW --- | ||
| Severity: | Normal | CC: | inspector-bugzilla-changes, joepeck, mattbaker, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | All | ||
| OS: | All | ||
One approach that was mocked up in the past was: <https://webkit.org/b/147523> Web Inspector: Add backbars to sequential data in data grid The image looks pretty neat: https://bugs.webkit.org/attachment.cgi?id=257999 (In reply to Joseph Pecoraro from comment #2) > One approach that was mocked up in the past was: > <https://webkit.org/b/147523> Web Inspector: Add backbars to sequential data > in data grid > > The image looks pretty neat: > https://bugs.webkit.org/attachment.cgi?id=257999 It looks good. The right-edge of the cell looks odd for bars that round to a single pixel, and become nothing but vertical border. Maybe we should drop bars that are only going to be a pixel or two. |
Visualize resources / transfer sizes for sort / comparison Being able to visualize relative Resource sizes in the Network Tab would be useful. We have text numbers, and the ability to sort on those numbers, but having a visualization would be easier / better in many circumstances. One possible solution would be to add multiple sorts to the "waterfall" / visualization table column. Examples sorts could include: • Sort by Times => Show a Timing Visualization (current waterfall) - start time - end time - latency - duration • Sort by Sizes => Show a Size Visualization (maybe colored by type) - transfer sizes - resource sizes