WebPagetest Forums
[Resolved] - What do each of the colored bands in "Browser Main Thread" indicate - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: Web Performance (/forumdisplay.php?fid=3)
+--- Forum: Discuss Test Results (/forumdisplay.php?fid=4)
+--- Thread: [Resolved] - What do each of the colored bands in "Browser Main Thread" indicate (/showthread.php?tid=15335)



[Resolved] - What do each of the colored bands in "Browser Main Thread" indicate - oldweasel - 04-19-2018 01:38 AM

Have been looking around trying to find an explanation on what the different colored bands in the "Browser Main Thread" waterfall breakout are representing, as they don't appear to correlate with the main header coloration.

In a discussion today someone mentioned that they might correspond to page events (processing, browser page draw, etc.) but I can't find a definitive explanation anywhere.

Any help on interpreting this segment of the waterfall?


RE: What do each of the colored bands in "Browser Main Thread" indicate - pmeenan - 04-19-2018 11:55 PM

Sorry, those are the colors from Chrome's dev tools (if you go into the timeline view you will get the details). Basically:

Orange - Script parse/eval/execute
Purple - Layout
Green - Paint
Blue - HTML parse


RE: What do each of the colored bands in "Browser Main Thread" indicate - oldweasel - 04-20-2018 10:53 PM

Thant helps, thanks!