Performance Profiling with Lighthouse Metrics

Analyze this web application page for performance issues and suggest optimizations targeting these Core Web Vitals:

**LCP (Largest Contentful Paint < 2.5s):**
- Identify the LCP element and suggest preloading strategies
- Check for render-blocking resources (CSS, fonts, scripts)
- Suggest image optimization (format, sizing, lazy loading)
- Recommend server-side rendering or static generation where applicable

**CLS (Cumulative Layout Shift < 0.1):**
- Find elements without explicit dimensions (images, ads, embeds)
- Check for dynamically injected content above the fold
- Identify font loading layout shifts (FOIT/FOUT)

**INP (Interaction to Next Paint < 200ms):**
- Find long-running event handlers
- Identify heavy computations on the main thread
- Suggest Web Worker offloading opportunities
- Check for excessive re-renders in React components

**Bundle Size:**
- Identify large dependencies that can be replaced or tree-shaken
- Suggest dynamic imports for below-the-fold components
- Check for duplicate dependencies

Provide specific code changes for each optimization.