New issue
Advanced search Search tips

Issue 705613 link

Starred by 3 users

Issue metadata

Status: Archived
Owner:
Closed: Oct 31
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Make network view on performance timeline distinguish between JS/CSS and XHR better

Reported by bmau...@fb.com, Mar 27 2017

Issue description

When debugging FB on the performance timeline it often gets confusing to see what's going on because there are many JS/css requests interspersed with XHR requests. A few requests here:

(1) Consistently color XHR differently from JS/CSS Note the screenshot here where some XHR requests are colored yellow (the call to bz is an XHR) and some gray (the one to graph.facebook.com)

(2) Offer an option to show/hide different types of requests.

I've attached a mockup of something that would make this data far easier for us to use.
 
Screen Shot 2017-03-27 at 10.59.12 AM.png
139 KB View Download
chrome mock.png
105 KB View Download

Comment 1 by bmau...@fb.com, Mar 27 2017

Labels: DevRel-Facebook
Owner: alph@chromium.org
Status: Assigned (was: Untriaged)

Comment 3 by bmau...@fb.com, Mar 27 2017

Btw, just as a bit more context on this design -- knowing "was there any CSS outstanding at time X" is often very important -- it clues you in that any delays you see in the page being rendered may be related to waiting for CSS. This can prompt you to looking into exactly what css was being requested. This mockup is a compact way to figure out what time periods had different types of requests pending.
Status: Archived (was: Assigned)
Bulk closing low-priority issues with no activity. Please re-file and refer to the closed issue if it's essential to fix.

Sign in to add a comment