Profiling with React DevTools
The profiler records what rendered, how long it took, and why it happened. Reading a flame graph correctly is most of the diagnostic work.
- 13m
- Advanced
- 1 learner
Video by Web Dev Simplified · YouTube
Check your understanding
3 questions. Unlocks when you finish the video.
Overview
What this lesson covers
- Record a realistic interaction, not an idle page
- Read the flame graph and the ranked chart
- Turn on "why did this render" to get the cause
This lesson sits in Measuring Performance, part of React Performance Engineering. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will:
- Record a realistic interaction, not an idle page
- Read the flame graph and the ranked chart
- Turn on "why did this render" to get the cause
Resources
Your notes will live here
Note taking is not available yet. Nothing you type would be saved, so the tab stays read-only for now.