Khi tôi sử dụng công cụ hồ sơ của Chrome Devtools để ghi thời gian chạy CPU javascript và chuyển sang biểu đồ ngọn lửa, tôi thấy nhiều khối màu, màu của một số khối trông giống nhau, một số khác nhau.Mỗi màu có nghĩa là gì trong biểu đồ ngọn lửa của hồ sơ Chrome devtools
Mỗi loại màu đại diện cho điều gì? Sự khác biệt là gì?
Màu sắc chỉ có ở đó để làm cho biểu đồ có thể đọc được (và đẹp!), Không có ý nghĩa đặc biệt nào được liên kết với chúng. Mỗi chức năng nhận được một màu ngẫu nhiên cho phép bạn dễ dàng nhận ra các cuộc gọi đến cùng một chức năng.
(DevTools khởi động lại ở giữa)Tôi đã thực hiện hai bức ảnh chụp của giống hệt nhau code dưới đây: 
Như đã đề cập trên Chrome Dev Site
"Những màu sắc trong Chart ngọn lửa khá các hàm ngẫu nhiên, tuy nhiên sẽ luôn được tô màu giống nhau trên các lời gọi. Điều này cho phép bạn thấy một mẫu thực thi và sau đó phát hiện ra các ngoại lệ dễ dàng hơn. Không có sự tương quan với các màu được sử dụng trong Dòng thời gian. "