b4130cb07a
### What Follow up for #64294 where we could preload all the JS and CSS chunks for `next/dynamic` component. * Rename `preload-css` component to `preload-chunks` and remove the filter for css chunks * Preload JS chunks with `defer` ### Why Preloading all the async chunks of `next/dynamic` can make rendering more efficiently when combined with the initial chunks. Since those chunks are splitted on client but still essential for the page #### After vs Before We can see the waterfall starts much earlier for the dynamic chunk (881.8a0e88...js) <img width="500" src="https://github.com/vercel/next.js/assets/4800338/9bab2c32-37c3-4c7a-93e2-3aa43b2ec7c8"> <img width="500" src="https://github.com/vercel/next.js/assets/4800338/0fba7499-bb69-41c4-ab72-e9952f3d7f68"> |
||
---|---|---|
.. | ||
create-next-app | ||
eslint-config-next | ||
eslint-plugin-next | ||
font | ||
next | ||
next-bundle-analyzer | ||
next-codemod | ||
next-env | ||
next-mdx | ||
next-plugin-storybook | ||
next-polyfill-module | ||
next-polyfill-nomodule | ||
next-swc | ||
react-refresh-utils | ||
third-parties |