Performance
Next.js 성능 최적화는 병목 지표에 맞는 도구를 고르는 일이다
이미지, 폰트, 스크립트, 캐싱, 동적 임포트는 각각 다른 성능 지표에 영향을 준다.
최적화 매핑
core web vitals폰트
폰트 로딩 전략은 텍스트 표시 지연과 레이아웃 흔들림을 줄인다.
스크립트
필요하지 않은 JS는 지연하거나 분리해 초기 실행 부담을 줄인다.
캐싱
데이터와 페이지 재사용 전략은 응답 시간과 서버 비용을 함께 줄인다.
measure→map→change→verify
성능 최적화는 팁을 한꺼번에 적용하는 작업이 아니라, 측정값 하나를 골라 원인과 대응을 연결하는 과정이다.