[26] How to Diagnose React App Bottlenecks with the Profiler
Have you ever wondered why your app is slow sometimes? Or why a specific action takes so long to fully run? Or maybe why it takes so long for your initial render? The React Profiler is a great tool for...
Have you ever wondered why your app is slow sometimes? Or why a specific action takes so long to fully run? Or maybe why it takes so long for your initial render? The React Profiler is a great tool for diagnosing these issues. In this episode we take a look at profilers in general and then dive deep into the React profiler and how you can use it to diagnose performance issues.
Show Notes
- Intro 0:00
- Small Talk 1:20
- Announcements 4:20
- Overview 6:09
- What is a CPU profiler? 7:18
- Tracing vs Sampling 9:07
- How to enable the React Profiler 15:21
- Profiler dev tool 18:30
- Profiler Settings 34:05
- What can you do with the results? 37:26
- Summary 55:35