Frame Performance Testing

Use this demo to learn how different operations affect frame rate.

Quick Start:

1. Open DevTools (F12) and go to the Performance tab
2. Click Record and try these operations:
   • Change the animation speed
   • Start the stress test (Use the CPU throttling option so every execution takes more than 50 ms)
   • Enable the heavy animation
3. Stop recording and analyze the results:
• Check the flame graph for long tasks
• Identify any dropped frames
• Use the "Screenshots" view to see how the UI was affected during the recording
• Use the "Call Tree" view to see how much time was spent in each function
• Analyze the impact of different animation speeds on performance