HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive
/
prefetch

prefetch

생성 일시
Nov 20, 2024 08:21 PM
  • <Link> 컴포넌트와 함께 사용되며, 페이지 전환 성능을 최적화하기 위해 링크된 페이지의 리소스를 미리 로드함(default 속성)
  • Next.js의 자동 코드 스플리팅 기능을 활용하여, 링크된 페이지에 필요한 JavaScript 번들 파일을 미리 다운로드
 
특징
  • 사용자가 현재 화면에서 보고 있는 링크들에 대해서만 사전 로드가 이루어짐
  • 사용자가 링크를 클릭했을 때 즉시 해당 페이지를 렌더링할 수 있음
  • prefetch={false}로 설정하더라도, 사용자가 링크 위에 마우스를 올리면(hover) 해당 페이지 리소스는 자동으로 미리 로드됨
  • 프로덕션 환경에서만 작동 prefetch는 개발 모드에서는 동작하지 않으며, 프로덕션 모드에서만 활성화 됨