Routing 성능을 대폭 향상하는 방법

• 코드 분할 : 을 통해 서버에서 필요한 파일만 가져오고
• 경로 세그먼트 : 별로 사전 로드
  • 방문도 전에 백그라운드에서 경로를 미리 로드하는 방법.
  • 페이지가 처음 로드될 때 혹은 뷰에 들어올 때 발생.
  • 프로덕션 환경에서만 활성화됨
• 캐싱: (메모리 내 클라이언트 측 캐시, 라우터 캐시)
  => 네비게이션 성능을 대폭 향상
  

(page.js의 첫번째와 두번째 로딩 시간 비교)

부분 랜더링

• 부분 랜더링
  • 만약 다른 컴포넌트로 네비게이션 시
    • 이전과 현재 세그먼트에서 공유된 세그먼트는 유지.
    • 바뀐 세그먼트만 리랜더링

(nextjs 공식 문서 - Routing)