Next.js › Bundle Analysis & Code Splitting
What strategies can reduce bundle size beyond basic code splitting?
AdvancedAnswer
You can remove unused dependencies, replace large libraries with smaller focused alternatives, use tree shaking friendly imports that only pull in the specific functions you need, and avoid importing entire icon or utility libraries when only a few items are actually used.
// Instead of importing the whole library
import _ from 'lodash';
// Import only what you need
import debounce from 'lodash/debounce';Real-world example A team switches from importing an entire icon library to importing only the specific icons they use, cutting several hundred kilobytes from their production bundle.