나쁜 지표는 병목 후보와 대응책을 연결해야 의미가 있다
Lighthouse 점수는 출발점일 뿐이다. 지표, 후보, Next.js 기능, 검증 신호를 한 줄로 묶어야 실제 수정이 된다.
| 지표 | 의심 후보 | Next.js 대응 | 검증 신호 |
|---|---|---|---|
| LCP | hero image, 서버 응답 | next/image priority, ISR | LCP element와 TTFB 감소 |
| CLS | 이미지/광고/폰트 레이아웃 이동 | 고정 크기, next/font | layout shift 항목 감소 |
| INP | 큰 번들, 긴 이벤트 핸들러 | dynamic import, client 경계 축소 | long task와 JS 실행 시간 감소 |
| Bundle size | 차트, 에디터, date library | bundle analyzer, tree shaking | route별 JS 크기 감소 |