Large Bundle Size - App Loads Slowly

1. Importing entire library when only small part needed
2. Large image assets embedded in bundle instead of loaded separately
3. Unused code not being tree-shaken by build tool
4. Moment.js or similar heavy date libraries (use date-fns, dayjs instead)
5. Loading all routes upfront instead of code splitting by route

Use tree-shakeable imports: import { map } from 'lodash-es' not import lodash

Lazy load heavy components: const Component = dynamic(() => import('@/components/Heavy'))

Replace heavy libraries: moment.js -> date-fns or dayjs, @apollo/client -> urql

Optimize images: use next/image, convert to WebP, serve appropriate sizes

Enable code splitting in Next.js config (automatic for routes)