WebPagetest Forums

Full Version: [Resolved] - What do each of the colored bands in "Browser Main Thread" indicate
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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?
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
Thant helps, thanks!
Reference URL's