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
<rdar://problem/35707412>
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.