metric mapping

성능 지표 병목 신호

Lighthouse 점수 하나만 보지 말고 LCP, INP/TBT, CLS, TTFB가 각각 어떤 작업을 요구하는지 나눠서 개선합니다.

측정값에서 작업으로 연결하기

성능 개선 루프

LCP

큰 이미지, 폰트, 서버 응답, 렌더 차단 CSS를 우선 점검합니다.

INP / TBT

긴 JavaScript 작업, 무거운 이벤트 핸들러, 불필요한 렌더링을 줄입니다.

CLS

이미지 크기, 광고 공간, 폰트 교체로 인한 레이아웃 이동을 막습니다.

TTFB

캐시, 데이터베이스 쿼리, API 응답 시간을 백엔드에서 줄입니다.

measure map fix verify
실전 기준

한 지표를 개선한 뒤 다른 지표가 나빠질 수 있으므로, 변경 전후를 같은 조건에서 다시 측정하고 성능 예산으로 회귀를 막습니다.