Next.js 캐싱으로 웹 서버 성능 최적화

간단 소개

Next.js 캐싱 전략을 활용하여 웹 서버 성능을 최적화하고, Full Route Cache 적용으로 TPS를 획기적으로 개선한 경험을 공유합니다.

AI Summary

Next.js 캐싱 전략 및 중요성
- 웹 서버 성능은 사용자 경험과 비즈니스 성과에 직결되며, 로딩 속도 개선은 트래픽 증가와 매출 증대로 이어진다.
- Next.js는 Request Memoization, Data Cache, Full Route Cache 등 다양한 캐싱 메커니즘을 제공하여 서버 렌더링 비용을 절감하고 성능을 향상시킨다.
Full Route Cache 적용 과정 및 효과
- 상품 목록/상세 페이지에 Full Route Cache를 적용하기 위해 Dynamic Function 제거, ISR 설정, URL 구조 변경 등의 작업이 필요했다.
- middleware 로직을 클라이언트로 이동시키고, 인증 관련 코드를 수정하여 static route를 구성했다.
- Full Route Cache 적용 후 부하 테스트 결과, TPS가 5배에서 10배까지 향상되었으며 응답 시간과 CPU 사용률도 개선되었다.