investigate-web-perf
Trace-based triage of web performance issues via chrome-devtools-mcp: LCP/INP regressions, slow page loads and interactions, ForcedReflow/layout thrashing, CLS, bundle bloat, memory leaks. Captures Chrome performance traces and analyzes them with performance insights. Requires setup-perf-stack. For installing react-scan, component-level React render attribution (unnecessary re-renders, unstable props), or automated render checks with Playwright, use react-scan instead.
Pinned to revision 2b717166afc3, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/investigate-web-perf/SKILL.md
- skills/investigate-web-perf/references/bundle.md
- skills/investigate-web-perf/references/inp.md
- skills/investigate-web-perf/references/lcp.md
- skills/investigate-web-perf/references/memory.md
- skills/investigate-web-perf/references/nextjs.md
- skills/investigate-web-perf/references/react.md
- skills/investigate-web-perf/references/rerenders.md
Every link opens the file at its source, pinned to the revision this page describes.