첫 화면 필요 여부
필수 UI라면 기본 번들에 남기고, 아래쪽 섹션이면 지연 로딩 후보로 봅니다.
처음부터 보낼 코드만 남긴다
코드 분할은 모든 코드를 작게 쪼개는 일이 아니라, 첫 화면과 사용자 행동 뒤의 코드를 구분하는 일입니다.
무거운 의존성 여부
지도, 차트, 에디터처럼 큰 라이브러리는 next/dynamic을
검토합니다.
상호작용 후 필요 여부
버튼 클릭, 탭 전환, 모달 열림 이후에 필요한 코드는 늦게 받아도 됩니다.
자동 분할
라우트 단위 코드는 Next.js가 기본으로 나눕니다.
동적 임포트
클라이언트 컴포넌트나 무거운 UI는 필요할 때 불러옵니다.
서버 경계
브라우저 JS가 필요 없는 로직은 서버 컴포넌트에 둡니다.