최적화 항목은 요구사항, 구현 단위, 검토 신호가 이어질 때 리뷰 가능하다
next/image, next/font, next/script, 데이터 캐싱은 코드 스타일이 아니라 사용자 경험 지표와 연결된 리뷰 항목이다.
| 요구사항 | 구현 단위 | 검토 신호 | 주의할 점 |
|---|---|---|---|
| 첫 화면을 빠르게 | next/image, preload, 이미지 크기 | LCP와 이미지 전송량 | 모든 이미지에 preload 금지 |
| 레이아웃 흔들림 방지 | next/font, 고정 치수 | CLS | 폰트 subset과 display 전략 확인 |
| 불필요한 JS 줄이기 | next/script, dynamic import | main thread와 bundle size | ssr:false 옵션은 Client Component 안에서만 사용 |
| 데이터 최신성과 비용 균형 | fetch cache, ISR, revalidatePath, updateTag, revalidateTag(tag, 'max') | API 호출 수와 stale 허용 범위 | 즉시 최신과 SWR 갱신을 구분 |