Core Web Vitals Optimization Audit

Audit and optimize Core Web Vitals for this page:

**URL or component code:**
```
[PASTE_PAGE_CODE_OR_URL]
```

**Current scores (if known):** LCP: [LCP], FID/INP: [INP], CLS: [CLS]

Analyze and fix:
1. **LCP (Largest Contentful Paint)** — target < 2.5s
   - Image optimization (format, sizing, lazy loading, priority hints)
   - Font loading strategy (preload, font-display)
   - Server response time (caching, CDN)
2. **INP (Interaction to Next Paint)** — target < 200ms
   - Long task identification and splitting
   - Event handler optimization
   - State update batching
3. **CLS (Cumulative Layout Shift)** — target < 0.1
   - Explicit dimensions for images/videos
   - Font swap layout shifts
   - Dynamic content injection patterns
4. **Additional optimizations** — bundle size, code splitting, prefetching

For each issue, provide the exact code change with before/after.