성능 점수 산정 (Performance Scoring)¶
Lighthouse 의 Performance 점수는 여러 지표의 가중 평균이며, 0~100 구간으로 경험 품질을 등급화합니다. 이 장은 점수가 어떻게 계산되는지와, 좋은 점수를 만들기 위해 어디를 봐야 하는지 정리합니다.
등급 구간¶
- 0~49 (빨강): Poor
- 50~89 (주황): Needs Improvement
- 90~100 (초록): Good
좋은 사용자 경험을 위해 90~100 을 목표로 합니다. 100 은 매우 어려우며, 99→100 은 90→94 와 비슷한 수준의 개선이 필요할 정도로 유지 난이도가 높습니다.
점수 구성 (지표 가중치)¶
Lighthouse 10 기준 Performance 점수는 다음 지표의 가중 평균입니다.
| 지표 | 가중치 |
|---|---|
| First Contentful Paint | 10% |
| Speed Index | 10% |
| Largest Contentful Paint (LCP) | 25% |
| Total Blocking Time (TBT) | 30% |
| Cumulative Layout Shift (CLS) | 25% |
- 점수에는 지표만 반영되고, Opportunities/Diagnostics 항목 자체는 직접 점수에 들어가지 않습니다(지표 개선을 통한 간접 영향).
- 각 원시 지표값(ms)은 HTTP Archive 실제 사이트 데이터 기반 로그정규분포에서 0~100 점수로 매핑됩니다. 예: LCP 약 1,220ms → 점수 99.
데이터스케쳐스 실무 관점¶
- 핵심 반영 지표: LCP(25%)·TBT(30%)·CLS(25%)가 80% 를 차지하므로, LCP 개선(이미지· 폰트 최적화), TBT 감소(JS 청크 축소·지연로드), CLS 안정(이미지 크기 명시·폰트 swap)이 점수에 가장 큰 영향을 줍니다.
- 점수는 환경(기기·네트워크·광고·트래픽 라우팅)에 따라 흔들리므로, 단일 숫자보다 분포로 보는 게 정확합니다. CI 에서는 모바일/데스크톱을 나눠 최소 점수를 게이트로 걸면 회귀를 잡을 수 있습니다.
더 알아보기¶
- 1차(공식): Chrome Dev — Lighthouse performance scoring
- 1차(공식): Chrome Dev — Lighthouse