Where time is spent
Inspect component-level render timing to find expensive parts of the React tree.
Developer tool · React performance
Compare React DevTools profiler exports to see component render times and commit statistics before and after an optimization.
PerfCompare is a browser-based utility for reviewing React performance changes. Export profiler data from React DevTools before and after an improvement, upload both JSON files, and compare component-level rendering times and commit history in one place.
Open PerfCompareHow it works
React DevTools records component render activity in a profiling session. PerfCompare uses two exported profiles to make the change between runs easier to inspect.
Export a profile from React DevTools before making a performance change.
Make the improvement, repeat the profiling session, and export the second JSON profile.
Upload both files to review component rendering times and commit statistics, then judge whether the change helped.
What it helps answer
Inspect component-level render timing to find expensive parts of the React tree.
Compare two profile exports alongside commit statistics instead of relying on memory or feel.
Use before-and-after measurements to evaluate an optimization and decide what to investigate next.
Product scope