2013-12-16 2 views
12

Когда я использую инструмент профиля Chrome devtools для записи времени работы процессора javascript и переключаюсь на диаграмму пламени, я вижу много цветных блоков, цвет некоторых блоков похож, некоторые разные.Что означает каждый цвет в диаграмме пламени профиля Chrome devtools

Что представляют собой каждый вид цвета? Каковы различия?

ответ

8

Цвета только там, чтобы сделать читаемую диаграмму (и красивой!), Нет никакого специального значения, связанного с ними. Каждая функция получает случайный цвет, который позволяет легко распознавать вызовы для одной и той же функции.

Я сделал два снимка точно такой же code ниже (перезапуск DevTools между ними): flame chart #1 flame chart #2

4

Как уже упоминалось на Chrome Dev Site

«цвета в пламени Диаграмма достаточно случайные, однако функции всегда будут окрашиваться одинаково во всех вызовах, что позволит вам увидеть шаблон выполнения и затем выявить выбросы легче. Корреляция цветов, используемых на временной шкале, отсутствует. "