Performance Profiler

When to use this skill

• User asks: "This is slow.", "Optimize this function.", "Can this be made faster?"
• User mentions: latency, high CPU/memory usage, scaling concerns, or timeouts.
• User is working with loops, large data processing, frequent DB queries, or heavy I/O.

How to use it

1. Clarify constraints:
   • What is "slow"? (e.g., 500ms to 5s, user-facing vs background job)
   • Are there any hard limits? (timeout, memory cap, SLA)
2. Identify likely bottlenecks:
   • Nested loops over large data.
   • Repeated heavy operations inside loops (e.g., DB queries, network calls).
   • Inefficient data structures (list lookups instead of maps/sets).
   • Unnecessary copying or large intermediate structures.
   • Missing caching of expensive, stable results.
3. Propose improvements:
   • Prefer algorithmic improvements first (reduce complexity).
   • Suggest caching only when it's simple and clearly beneficial.
   • Avoid premature micro-optimizations.
4. Suggest how to verify:
   • Add basic benchmarks or timing logs.
   • Propose a before/after measurement approach.
5. Stay practical:
   • If current performance is acceptable, say so instead of over-optimizing.

Examples

Promise.all

// Before (Sequential ~300ms)
const user = await getUser(id);
const posts = await getPosts(id);
const settings = await getSettings(id);

// After (Parallel ~100ms)
const [user, posts, settings] = await Promise.all([
  getUser(id),
  getPosts(id),
  getSettings(id),
]);

1. Debounce the input handler (wait 300ms).
2. Memoize the list component with

   React.memo

   ."