Slow Initial Page Load and Time to Interactive

1. Large JavaScript bundle (>500KB) not split
2. Loading all npm packages upfront instead of lazy loading
3. Large images or unoptimized assets
4. Synchronous scripts blocking HTML parsing
5. Missing gzip compression on assets

Analyze bundle in Vite:

npm run build -- --visualizer

Code split with React.lazy():

const Dashboard = lazy(() => import('./Dashboard'));

}>
  

Use Lighthouse DevTools to identify bottlenecks.