[Webkit-unassigned] [Bug 147897] New: Web Inspector: Improve on graphical representation of network waterfall

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=147897

            Bug ID: 147897
           Summary: Web Inspector: Improve on graphical representation of
                    network waterfall
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: irae at irae.pro.br
                CC: bburg at apple.com, graouts at webkit.org,
                    joepeck at webkit.org, mattbaker at apple.com,
                    nvasilyev at apple.com, timothy at apple.com,
                    webkit-bug-importer at group.apple.com

Created attachment 258742
  --> https://bugs.webkit.org/attachment.cgi?id=258742&action=review
Current Safari "Timelines" UI, which mixes network and many other browser events

More and more we see market share shifting from desktop to mobile and we should be able to be more productive in analyzing and improving network performance on our webpages. We at Yahoo have been using alternative tools and different browser to debug and find room for improvement in some websites that are iOS Safari only, and having better ways of debug that on WebKit Inspector would be a huge boost in productivity.

Also, this would make possible to do field testing, with actual Apple devices and real mobile carriers through remote debugging devices connected via USB, instead of using a number of simulators or restricting ourselves to testing on Android devices.

I am attaching a number of images that gather some tools that are currently available for visualizing network traffic and I will be explaining some improvements I think is worthwhile to the Webkit Inspector.

About the existing UI:

  1. Webkit inspector does have a waterfall chart, but currently there is no numbers attached to the UI, we can see examples on Firefox and Charles Waterfall examples.
  2. Once I select a resource on Webkit Inspector, there is not timing detail information available.
  3. No tooltip available when hovering resources.
  4. Resources are mixed with DOM events, Drawing events and etc.
  5. If I click the "Network" row, a lot of data is now available but the chart is gone.

The Network tab is a much appreciated recente addition, but here are some comments:

  1. There is no visual way of visualizing the data
  2. Having a tab is handy, but this is precisely the same data already available on the "Timelines > Network" UI
  3. Tooltips would be helpful
  4. Exporting as HAR archive is a nice feature from other vendors, for archival purposes and remote team communication

We think that adding the waterfall chart on the newly created Network tab and adding some of the items above would be an awesome and very welcome feature for the web community.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150811/cb128af2/attachment.html>