/ / Какво означават различните цветове в Chrome devtools диаграма на пламъка на профила - google-chrome, google-chrome-devtools, profiler

Какво означават различните цветове в диалоговия прозорец на Chrome devtools профил - google-chrome, google-chrome-devtools, profiler

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

Какво представлява всеки цвят? Какви са разликите?

Отговори:

9 за отговор № 1

Цветовете са само там, за да направят графичната четливост (идоста!), няма никакво специално значение, свързано с тях. Всяка функция получава случайни цветове, които ви позволяват лесно да видите обаждания към същата функция.

Направих две снимки на точно същото код долу (рестартиране на DevTools между тях): планетна диаграма # 1 планетна диаграма # 2


5 за отговор № 2

Както е посочено в Сайта на Chrome Dev

"Цветовете в диаграмата на пламъка са доста случайни,въпреки това функциите винаги ще бъдат оцветени по еднакъв начин в извикванията. Това ви позволява да видите шаблон за изпълнение и след това да установите извънредни стойности по-лесно. Няма връзка с цветовете, използвани в хронологията. "