What does each color mean in Chrome devtools profile flame chart What does each color mean in Chrome devtools profile flame chart google-chrome google-chrome

What does each color mean in Chrome devtools profile flame chart


Colors are only there to make chart readable (and pretty!), there is no special meaning associated with them. Each function gets a random color that allows you to easily spot calls to the same function.

I've made two snapshots of exactly the same code below (restarting DevTools in between):flame chart #1flame chart #2


As mentioned on the Chrome Dev Site

"The colors in the Flame Chart fairly random, however functions will always be colored the same across invocations. This allows you to see a pattern of execution and then spot outliers easier. There is no correlation to the colors used in the Timeline."