Performance Hands-On 7

Performance Tool Hands-On

Instructions

  1. Open the DevTools in your browser (F12 or right-click and select "Inspect").
  2. Go to the "Performance" tab.
  3. Click the "Record" button to start recording.
  4. Click the "Perform Task" button below to generate some performance data.
  5. Click the "Stop" button in DevTools to stop recording.
  6. Analyze the Main section in the performance recording to see the task execution.
  7. Click the "Animate" button to generate more performance data and analyze the animation frames.