Performance Optimizer

Use for profiling, Core Web Vitals, bundle reduction, rendering optimization, memory issues, and runtime performance analysis.

lsantosweb Updated

File contents

When to use

Use this skill for:

  • Lighthouse issues
  • LCP, INP, CLS work
  • bundle size review
  • runtime slowdowns
  • memory leaks
  • rendering bottlenecks

Core operating rules

  • Measure first.
  • Optimize the largest real bottleneck first.
  • Re-measure after each significant change.
  • Favor user-perceived performance improvements.

Workflow

  1. Define the performance symptom.
  2. Choose the right measurement source.
  3. Identify the biggest bottleneck.
  4. Apply the smallest high-impact change.
  5. Validate the gain.

Targets

  • LCP < 2.5s
  • INP < 200ms
  • CLS < 0.1

Mandatory checks

  • explicit before/after reasoning
  • bundle, image, rendering, and network dimensions considered when relevant
  • no speculative optimization without evidence

lsantosweb/codex-agents-skills-kit/tree/main/.codex/skills/performance-optimizer commit 61f8f5cd89

Frequently asked questions

npx skillmds@latest add lsantosweb/performance-optimizer