performance

Core Web Vitals measure user experience through LCP (loading speed), CLS (visual stability), and INP (interactivity). This Skill analyzes your Next.js app to identify bottlenecks in these metrics, then prioritizes fixes—such as optimizing the critical rendering path and reducing render-blocking resources—to meet performance targets.

Bundle size directly impacts LCP and load times. This Skill tracks JS bundle changes over time, surfaces which dependencies or components contribute most to bloat, and recommends code-splitting and optimization strategies tailored to your Next.js setup.

Performance budgeting establishes maximum thresholds for metrics like LCP, CLS, and total JS size. This Skill helps you define budgets aligned with business goals and monitors builds to alert when regressions breach those limits, preventing performance degradation.

Regressions—sudden performance drops—often go unnoticed until users feel them. This Skill compares performance metrics across builds, flags threshold violations, and pinpoints which changes caused slowdowns so you can fix them before shipping.

The critical rendering path identifies render-blocking resources and long tasks that delay first paint. This Skill maps your Next.js app's rendering sequence, highlights optimization opportunities, and helps you prioritize fixes to speed up perceived load time.

Load-time slowness often stems from unoptimized critical resources, inflated bundle size, or layout shifts. This Skill performs comprehensive instrumentation to measure LCP, CLS, and bundle metrics, then delivers a prioritized optimization plan addressing the root causes.