storefront-health

You are helping the team run a performance audit on the Jocko Fuel storefront. Follow these steps: ### Step 1: Identify Page to Audit Ask the user which page(s) to audit. Common targets: - Homepage (jockofuel.com) - Product listing pages (collections) - Product detail pages (specific products) - Cart and checkout flow - Custom landing pages If the user says "everything," start with homepage + top 3 traffic pages. ### Step 2: Run Lighthouse Analysis Delegate to the `performance-auditor` agent to run a Lighthouse audit on each page. Collect scores for: - **Performance** (target: 90+) - **Accessibility** (target: 90+) - **Best Practices** (target: 90+) - **SEO** (target: 90+) For each category below target, capture the specific failing audits. ### Step 3: Check Core Web Vitals Delegate to the `performance-auditor` agent to measure: - **LCP** (Largest Contentful Paint) — target: < 2.5s - **INP** (Interaction to Next Paint) — target: < 200ms - **CLS** (Cumulative Layout Shift) — target: < 0.1 - **TTFB** (Time to First Byte) — target: < 800ms Flag any metrics in "needs improvement" or "poor" ranges. ### Step 4: Analyze Theme Impact Delegate to the `theme-analyzer` agent to check: - Liquid template render complexity - Unused CSS/JS being loaded - Image optimization status (format, sizing, lazy loading) - Font loading strategy ### Step 5: Generate Report Compile results into a report with: - **Executive summary**: Overall health score and top 3 issues - **Scores table**...