ABOUT

성능과 운영 안정성을 함께 끌어올리는 개발자입니다.

92% Positional Error Reduction
79% p95 Latency Improvement
90%+ Long Tasks Reduction

2022.02 · 한국장학재단

우수 멘티

한국장학재단 사회 리더 대학생 멘토링 IT

2022.10 · 동작구청

우수 인재상

동작구청 우수 SW 인재

2025.05 · (주) 그랩

프로그래밍 우수상

(주) 그랩 우수 프로그램 개발

2025.05 · AWSKRUG

AWS한국사용자모임 발표

AI agent 스크립트 튜닝 관련 발표

ComputerScience

Development

Engineering

Trouble Shooting

GUESTBOOK

첫 마음부터
함께 나누는 온기

방명록 작성하러 가기

SUBSCRIBE

최신소식을
편하게 만나보세요.

onDemand

 
 

next.config

 

What ?

onDemand

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

 

 


How ?

onDemand 예시

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

 

주요 옵션 설명

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

 

 


Why ?

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

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

 

주의사항

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


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

 

 

 

728x90