ตัวแสดง Flame Graph ของ CPU
เปลี่ยน stack trace folded หรือดิบเป็น flame graph SVG อินเทอร์แอกทีฟออนไลน์ฟรี fold perf script/py-spy อัตโนมัติ ซูมเข้า frame ไฮไลต์ตามชื่อ ไม่ต้องติดตั้ง
Loading tool...
ตัวแสดง Flame Graph ของ CPU คืออะไร?
ตัวแสดง Flame Graph ของ CPU เปลี่ยน stack samples เป็น flame graph SVG แบบอินเทอร์แอกทีฟในเบราว์เซอร์ของคุณทั้งหมด วาง folded stacks ตามฟอร์แมต Brendan Gregg หรือผลลัพธ์ดิบจาก perf script และ py-spy ที่ fold ให้อัตโนมัติ จากนั้นซูมเข้า frame ใดก็ได้ ไฮไลต์ฟังก์ชันตามชื่อ และอ่านยอด sample รายฟังก์ชันเพื่อเจอ call path ที่ร้อนแรงที่สุด
ประโยชน์หลัก
- เจอ call path ที่ร้อนแรงในไม่กี่วินาที ไม่ต้องไล่สเปรดชีต
- perf script และ py-spy ดิบถูก fold ให้อัตโนมัติ
- คลิกเพื่อซูมให้ frame ใดเป็น root ใหม่
- ไฮไลต์ frame ตามชื่อพร้อมยอด sample ที่ตรงกัน
- ไม่ต้องติดตั้ง ไม่ต้องอัปโหลด เรนเดอร์ในเบราว์เซอร์
กรณีการใช้งาน
- •profile endpoint ที่ช้าจาก capture ของ perf หรือ py-spy
- •เทียบพฤติกรรม CPU ก่อนและหลัง optimize
- •ตรวจ stack dump ของ Node.js และ Python ในเครื่อง
- •สอนทีมอ่าน flame graph
วิธีเรนเดอร์ Flame Graph
- วาง stacks: วาง folded lines เช่น main;foo;bar 10 หรือผลลัพธ์ perf script / py-spy ดิบ
- อ่านกราฟ: กล่องที่กว้างกว่าคือ sample เยอะกว่า โดยยอดของ stack อยู่ด้านบนสุด
- ซูมเข้า frame ที่ร้อน: คลิก frame เพื่อให้ subtree ของมันเป็น root ใหม่ และกดรีเซ็ตเพื่อซูมออก
- ไฮไลต์ตามชื่อ: พิมพ์ชื่อฟังก์ชันเพื่อขีดเส้น frame ของมันและดูยอด sample ที่ตรงกัน
คุณสมบัติหลัก
- รับ folded stacks และ fold perf script/py-spy อัตโนมัติ
- SVG flame graph อินเทอร์แอกทีฟพร้อม tooltip ราย frame
- คลิก frame ใดก็ได้ให้เป็น root ใหม่
- ไฮไลต์ตามชื่อพร้อมยอด sample ของ frame ที่ตรง
- สรุปจำนวน sample รวม ความลึก และฟังก์ชันสูงสุด
- ไม่ต้องติดตั้ง ไม่ต้องอัปโหลด เรนเดอร์ฝั่ง client