Instant Loading States Next.js
Link next/link
で、
prefetch Next.js
する際、先に遷移先の
loading.tsx Next.js
を読み込んでおくことで、
遷移時に
loading.tsx Next.js
の表示速度をあげられる。
本来表示されるはずである、
page.tsx Next.js
は重たいので、分割して読み込めると、遷移時に
loading.tsx Next.js
の表示速度をあげられる。
https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#instant-loading-states