Frontend Performance

Optimize frontend applications for maximum Lighthouse scores and real-user performance. This skill covers the technical performance layer -- for visual design, see frontend-design; for conversion optimization, see landing-page-design.

Audit Workflow

1. Measure -- Run PageSpeed Insights or Lighthouse. Record scores and failing audits.
2. Diagnose -- Map each failing audit to a specific code-level cause (see checklist below).
3. Prioritize -- Fix by impact: P0 blocks rendering, P1 hurts metrics, P2 is informational.
4. Implement -- Apply fixes per the reference guides.
5. Validate -- next build (or framework equivalent) + re-run Lighthouse. Verify no regressions.

Core Web Vitals Targets