next.js image optimization
-
Next.js CPU 사용량 및 메모리 튀는 현상 개선 (feat. Clinic.js)😱 삽질 이슈 기록 2023. 1. 26.
문제 상황 회사 홈페이지 개편작업을 하면서 프론트엔드 프레임워크로 사용중인 Next.js로 이미지 썸네일이 보여지는 페이지에 요청이 들어올때 마다 CPU 사용량이 거의 100% 메모리도 비정상적으로 튀는 문제가 발생하였다. CPU 사용량이 튈 경우 서버에 높은 부하(CPU Load)가 걸리고 있다는 신호일 수 있다. 그리고 Node.js의 "이벤트 루프 delay 현상"이 뒤따를 수 있다. 이는 동시에 많은 요청이 발생할 경우 CPU 바운드 작업을 실행하는 동안 다른 요청을 처리하지 못하기 때문에 병목현상이 발생할 수 있다. 원인 분석 최근 인프랩 밋업을 통해 알게된 Node.js 프로파일링 도구인 Clinic.js를 사용해 요청이 들어올때, 정확히 어느 부분에서 CPU 사용량이 튀는지 분석을 진행했다...