Bundle Optimization

CRITICAL priority - Reduces Time to Interactive and Largest Contentful Paint.

Key patterns:

When to split:

Load analytics and tracking after hydration:

Next.js:

Vite:

Load modules only when features are activated:

Improve perceived performance by preloading on hover:

Split these aggressively:

Routes are automatically code-split in Next.js App Router:

For more detailed technical guidance, see these reference files: