지연 로딩은 늦게 보여도 되는 무거운 UI에만 쓴다

첫 화면 필요성·브라우저 의존성·상호작용 시점을 차례로 물어 chunk 경계를 정한다.

이 UI가 첫 화면에 반드시 필요한가?필요 시점과 무게를 함께 비교
LCP 핵심

초기 bundle 유지

첫 화면 내용과 핵심 탐색은 바로 제공

클릭 뒤 사용

dynamic()

loading UI와 함께 지도·차트·에디터를 행동 뒤 로드

window 필요

ssr: false

Client Component에서 브라우저 전용 UI에만 선언

곧 필요

조건부 prefetch

사용 확률이 높은 다음 chunk만 미리 요청

핵심대기 화면은 next/dynamic의 loading 또는 React.lazy와 Suspense로 제공한다.