Когда я использую инструмент профиля devtools Chrome для записи времени работы процессора JavaScript, и переключаюсь на диаграмму пламени, я вижу много цветных блоков, некоторые цвета блоков похожи, некоторые разные.
Что представляет собой каждый вид цвета? В чем отличия?
Цвета только там, чтобы сделать читаемую диаграмму (и довольно!), нет специального значения, связанного с ними. Каждая функция получает случайный цвет, который позволяет вам легко распознавать вызовы одной и той же функции.
Я сделал два моментальных снимка точно такого же кода ниже (перезапуск DevTools между ними):
Как упоминалось на сайте Chrome Dev
"Цвета в пламенной карте довольно случайны, однако функции всегда будут по-разному окрашены во всех вызовах, что позволяет вам видеть шаблон выполнения, а затем легче выделять выбросы. Нет корреляции с цветами, используемыми в шкале времени."