측정 도구는 점수표, 타임라인, 실제 사용자 데이터, 번들 구조로 나눠 쓴다
Lighthouse 하나만 보면 원인은 흐려진다. 어떤 질문을 하느냐에 따라 DevTools, Speed Insights, Bundle Analyzer가 각각 필요하다.
| 질문 | 도구 | 보는 값 | 다음 액션 |
|---|---|---|---|
| 페이지 품질 기준선은? | Lighthouse | Performance, Accessibility, SEO, PWA | 가장 큰 권장 사항부터 처리 |
| 렌더링이 왜 느린가? | Chrome Performance | main thread, layout, script 실행 | 긴 task와 layout shift 분리 |
| 실사용자 성능은? | Vercel Speed Insights | Core Web Vitals RUM | 사용자 환경별 문제 확인 |
| 번들이 왜 커졌나? | Bundle Analyzer | 모듈별 JS 크기 | 동적 import 또는 대체 라이브러리 검토 |