Profiling the Profiler
summary
Firefox profiler is a web app (React + Redux) that captures profiles via a WebExtension, uploads them as serialized URLs, and is used to analyze Firefox internals. A costly operation like focus subtree drops from 8,000 ms to 160 ms after rewriting. Key fixes include avoiding web workers to stop deep cloning, treating profile JSON as immutable with memoization, replacing many small objects with long arrays, optimizing Big O, virtualizing lists and minimizing React updates.
AI-written summary · about
chapters (7)
- 0:00Introduction to Firefox Profiler
- 7:14History of performance tooling
- 10:45Lightning tour of features
- 11:29Profiling the profiler itself
- 13:34Specific performance fixes
- 19:12Culture of performance
- 21:46Building a culture of performance
related talks
20mProfiling React Web Apps in Production
31mProfiler: Profiling Code
59mProfiling JavaScript Like A Pro
23mPerfecting Your Profiling
28mProfiling JavaScript Like A Pro
40mProfiling React rendering performance
14mNazım Can Altınova at performance.sync()
27mProfiling and Optimizing Performance of React Applications