rendering-performance - Optimize browser rendering and web performance
Analyze rendering pipelines, Core Web Vitals, React updates, layout work, and image loading to identify performance improvements.
Tags
Updated: 2026-10-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Explain the pixel pipeline
- Diagnose Core Web Vitals
- Identify LCP elements
- Reduce layout shifts
- Improve interaction responsiveness
- Optimize React rendering
- Detect layout thrashing
- Guide performance measurement
Inputs
- Page source code
- Performance measurements
- Field user data
- Target device profiles
Outputs
- Performance findings
- Optimization recommendations
- Rendering bottleneck analysis
