Back to Developer Roadmap

Lazy Loading

src/data/roadmaps/nextjs/content/lazy-loading@3_Mpvkxp9A7PMogxxMikQ.md

4.0656 B
Original Source

Lazy Loading

Lazy loading in Next.js helps improve the initial loading performance of an application by decreasing the amount of JavaScript needed to render a route. It allows you to defer loading of Client Components and imported libraries, and only include them in the client bundle when they're needed. For example, you might want to defer loading a modal until a user clicks to open it.

Visit the following resources to learn more: