Use the Performance panel in DevTools to diagnose performance issues. By recording a trace, you can dive deeper into your website's loading process and runtime behavior, identifying bottlenecks and areas for optimization.
Watch the video to learn how to:
- How to record a performance trace to investigate Core Web Vitals issues.
- Navigate and zoom into a portion of the performance trace.
- Analyze network activities.
- Use the insights sidebar to focus on the most relevant parts of the trace.
- Use annotations to collaborate with other developers on fixing performance issues.
For more information, see: