webperf

What problem does it solve?

Slow page loads, large client bundles, and regressions in Core Web Vitals cause bad user experience and lower engagement; this Skill gives a repeatable, measurement-first workflow to find high-impact fixes and validate them safely before shipping.

Core Features & Use Cases

• Baseline measurement: Run Lighthouse audits (median of multiple runs) and capture LCP, INP, CLS, and overall performance score to make data-driven decisions.
• Bundle analysis & code splitting: Identify heavy chunks and advise route-based splitting, dependency splitting, and tree-shaking to reduce initial JS payload.
• Image and font optimization: Recommend responsive srcsets, AVIF/WebP fallbacks, LCP image handling, font subsetting and preload strategies.
• Critical CSS, service workers & CDN: Extract critical CSS, apply proper caching strategies and CDN headers, and define caching policies for hashed assets and HTML.
• Governance & CI: Enforce performance budgets, TSV logging, automatic keep/discard discipline, and clear stop conditions for autonomous runs.
• Use case: Improve an e-commerce site's homepage LCP and reduce total JS to meet a Lighthouse >=90 target while avoiding visual regressions.

Quick Start

Analyze https://example.com with a Lighthouse audit, perform bundle and image analysis, and produce prioritized, actionable optimizations aimed at reaching Lighthouse >=90.