performance-profiling

Identify backend performance bottlenecks like N+1 queries by applying a measurement-first approach to detect missing indexes and event loop blocking. Use profiling tools to ensure optimization efforts target actual hotspots rather than guesswork.

Reduce frontend bundle size and improve render performance by utilizing frontend optimization techniques guided by Lighthouse audits. Analyze key performance indicators with Chrome DevTools to target specific rendering delays and reduce wasted load times.

Run a Lighthouse audit on a web application by executing the performance-profiling skill on the provided URL. This generates a report detailing frontend metrics, allowing you to identify specific areas needing optimization.

Yes, clinic.js is recommended for profiling Node.js event loop blocking. The skill provides guidance on using clinic.js alongside Chrome DevTools and Lighthouse to measure server-side latency and detect inefficient code patterns.

Measure performance before optimizing code to ensure efforts are focused on actual hotspots. This measurement-first approach prevents wasted development time by verifying bottlenecks through data-driven insights rather than speculative changes.