In our application, even after lazy loading below-the-fold components, their CSS still gets bundled into the home page CSS. Even styles from the not-found page are ending up in the home page styles.

It looks like Next.js bundles all CSS at build time. Is there any way to avoid loading non-critical styles on the initial page load?


Reference : https://github.com/vercel/next.js/discussions/52685