onDemand

 

 

next.config

 

What ?

onDemand

개발 모드(Development Mode)에서 페이지가 필요할 때만 로드 되도록 설정

 

 

How ?

onDemand 예시

module.exports = {
  onDemandEntries: {
    maxInactiveAge: 25 * 1000,
    pagesBufferLength: 2,
  },
};

 

주요 옵션 설명

maxInactiveAge	최대 시간을 밀리초(ms) 단위	요청이 없는 페이지는 메모리에서 해제
pagesBufferLength	메모리에 유지될 페이지 최대 수	메모리에 너무 많은 페이지가 유지되는 것을 방지

 

 

Why ?

메모리 최적화 :  개발 중에 불필요한 페이지를 메모리에서 해제하여 메모리 사용량을 줄일 수 있습니다.

성능 향상 :  필요할 때만 페이지를 로드해 빌드 시간을 줄이고, 불필요한 리소스 사용을 방지할 수 있습니다.

 

주의사항

개발 모드 전용 :  onDemandEntries 옵션은 개발 모드에서만 사용됩니다. 프로덕션 모드 에서는 사용되지 않습니다.

적절한 값 설정 :  너무 짧은 maxInactiveAge 값, 너무 낮은 pagesBufferLength 값은 페이지가 반복적으로 로드되어 성능 저하를 초래할 수 있습니다.