Back to list

Missing Dynamic Imports Lead to Oversized Initial Bundle

6/10 Medium

Without using next/dynamic, components that aren't needed on initial page load (like modals) get shipped in the main bundle, increasing bundle size and harming LCP, FCP, and INP.

Next.jsReact
Category
performance
Workaround
solid
Stage
build
Freshness
persistent
Scope
framework
Recurring
Yes

Sources

Collection History

Query: “What are the most common pain points with Next.js in 2025?”3/27/2026

A common mistake is shipping too much JavaScript in the initial bundle. next/dynamic allows components to be loaded only when they are actually needed, which reduces the initial bundle size.

Created: 3/27/2026Updated: 3/27/2026