web-perf

To audit Core Web Vitals for a web app, use this Skill with an attached Chrome DevTools MCP server to measure metrics like FCP, LCP, INP, TBT, CLS, and Speed Index. It analyzes page loads and identifies render-blocking resources to provide actionable optimization guidance.

Finding render-blocking resources during a performance trace is done by running automated Lighthouse audits via Chrome DevTools MCP. This Skill guides you through network dependency analysis to pinpoint bottlenecks and produce prioritized improvement tasks for your frontend.

Yes, you can use Lighthouse metrics to optimize a large SPA's first meaningful paint. This Skill runs automated audits to measure render performance and network dependencies, surfacing bottlenecks that delay rendering and generating actionable optimization tasks.

Yes, this performance audit requires an attached Chrome DevTools MCP server to run. The Skill relies on this connection to measure Core Web Vitals, analyze resource timing, and surface accessibility gaps across typical user journeys.

To analyze network dependencies and accessibility gaps on web pages, run this Skill's structured workflow using Chrome DevTools MCP. It evaluates resource timing and Lighthouse metrics to drive actionable optimizations across your frontend user journeys.

You should not rely solely on automated Lighthouse metrics when you lack a Chrome DevTools MCP server connection or need to analyze backend server response times. This Skill focuses strictly on frontend render performance, network optimization, and accessibility gap analysis.