도구는 점수표, 실제 사용자 지표, 번들 구조, 리소스 개선으로 역할이 나뉜다
Vercel Speed Insights, 번들 분석기, 이미지/스크립트 최적화는 같은 문제가 아니라 서로 다른 증거를 본다.
| 도구/기능 | 보는 증거 | 발견하는 병목 | 다음 액션 |
|---|---|---|---|
| Vercel Speed Insights | 실제 사용자 Web Vitals | 특정 지역/기기 성능 저하 | 느린 지표 우선순위 결정 |
| Bundle Analyzer | route별 JS 크기 | 큰 라이브러리와 중복 모듈 | dynamic import, 대체 패키지 |
| next/image | 이미지 크기와 LCP element | 원본 이미지 전송, 크기 미지정 | sizes, priority, placeholder |
| next/script | long task와 third-party JS | 초기 렌더를 막는 스크립트 | afterInteractive/lazyOnload |