Optimize rendering performance
Profile a UI component with React DevTools or Chrome Performance to find unnecessary re-renders, expensive derived state, and missing virtualisation.
Preview
Copy prompt
Profile and optimise the rendering performance of the following [React / Vue / Angular] component which is causing visible jank: [Paste code]. Use [React DevTools Profiler / Chrome Performance panel] to find the source. Check for: components re-rendering unnecessarily, expensive inline calculations that should be memoised, missing list virtualisation, and incorrect key props causing DOM reconciliation. Show the optimised version and verify the improvement with the same profiling tool.
More
Performance
Prompts
