Web Performance & UX Optimization

End-to-end workflow: measure → analyze → explain → plan → execute

Preflight Checklist

Before starting, verify:

1. Playwright MCP - Browser automation available

   • Test: browser_navigate to target URL works
   • If unavailable: User must configure Playwright MCP server

2. Lighthouse CLI - Performance measurement

   • Test: lighthouse --version
   • Install if missing: npm install -g lighthouse

3. Target URL accessible

   • Production/staging preferred for reliable metrics
   • Local dev works but label results as "non-prod environment"