SpiceQA
Questions Tags Users Badges

What does the color coding mean on the network graph in the Timeline panel?

user_1669860 0
Created Mar 7, 2016 Edited Mar 7, 2016
Viewed 1809

The portion of the timeline panel which I'm referring to is highlighted red in the image below.

network graph in timeline panel

I assume that each bar represents a resource. What does the lighter and darker colored portions of each resource represent? And what do the blue, yellow, and green resources represent?

google-chrome-devtools
Share
2 Answers

enter image description here

This is from the Chromium Source Project: https://source.chromium.org/chromium/chromium/src/+/master:out/Debug/gen/devtools/network/NetworkWaterfallColumn.js;l=115-128?q=waterfall%20color&ss=chromium%2Fchromium%2Fsrc&originalUrl=https:%2F%2Fcs.chromium.org%2F

and

https://source.chromium.org/chromium/chromium/src/+/master:third_party/devtools-frontend/src/front_end/timeline/TimelineUIUtils.js;l=467-480?q=TimelineUIUtils.js&ss=chromium&originalUrl=https:%2F%2Fcs.chromium.org%2F

edited Jul 14, 2020
user_22856900
answered Jul 14, 2020
Related
Terms of service Privacy policy
Powered by Answer