성능 점검 루프
Next.js 성능 병목 진단 루프
Next.js 성능 문제는 측정 도구의 신호를 렌더링, 번들, 데이터, 서버 비용으로 분류해 해결한다.
도구 결과를 조치로 바꾸는 방식
diagnosisBundle
번들 분석기로 큰 의존성과 중복 코드를 확인한다.
Render
클라이언트 렌더 비용과 불필요한 hydration을 줄인다.
데이터 요청·캐시
캐싱, prefetch, 서버 fetch 전략을 조정한다.
Assets
이미지, 폰트, 스크립트를 지표별로 최적화한다.
Verify
수정 후 같은 조건에서 지표가 개선됐는지 다시 본다.
측정→원인 분류→최적화→재측정
성능 병목은 하나의 설정으로 끝나지 않는다. 도구별 신호를 같은 사용자 흐름에 맞춰 해석해야 한다.