2.1 火焰图的说明
那么,究竟什么是火焰图呢?
上图就是一张火焰图,他就像是熊熊燃烧的火焰一样,从底部向上升,产生出很多焰尖,整体颜色呈暖色,但颜色在火焰图中并没有什么特殊含义。
火焰图的 y 轴表示调用栈,每一层都是一个函数。调用栈越深,火焰就越高,顶部就是正在执行的函数,下方都是它的父函数。
x 轴表示抽样数,如果一个函数在 x 轴占据的宽度越宽,就表示它被抽到的次数多,即执行的时间长。注意,x 轴不代表时间,而是所有的调用栈合并后,按字母顺序排列的。
火焰图顶层的宽度越大,说明执行占用 CPU 的时间越长。只要有这样的"平顶"(plateaus)出现,就表示该函数可能存在性能问题。
2.2 SVG 图片的交互
通常,火焰图是以 svg 矢量图作为输出格式的,这个由 W3C 开发的图片格式拥有十分强大的交互能力。
2.2.1 详细信息浮层
当鼠标放到火焰图上的某一层的节点悬停一小段时间,就会有完整的函数名、抽样抽中的次数、占据总抽样次数的百分比等信息悬浮出来。
例如:DemoClass::demoMethod (23 samples, 81.21 percent)
2.2.2 点击放大
在火焰图中,点击某一节点,该节点就会被扩充水平占满屏幕宽度,显示更为详细的信息。
2.2.3 搜索
火焰图中,通过快捷键 Ctrl + F 可以进行搜索,也支持正则表达式。
2.3 火焰图的不足
由于图幅有限,如果调用栈过深,那么只会显示上层调用栈,这样就造成了信息的丢失,这是不可避免的。