PERFORMANCE BUDGET

성능은 점수 올리기가 아니라 사용자 지표의 회귀를 막는 운영 계약이다

실사용자 필드 데이터를 기준으로 병목을 고르고, 실험실 측정은 배포 전 원인 추적과 회귀 방지에 사용한다.

LCP · 로딩주요 콘텐츠가 보일 때까지의 서버 응답·리소스 우선순위·렌더 차단을 추적한다.
INP · 반응성입력 뒤 긴 JavaScript 작업과 렌더 지연을 찾아 메인 스레드 일을 줄인다.
CLS · 안정성이미지 크기, 폰트, 늦게 삽입되는 UI의 공간을 미리 예약한다.

1. 전송

압축·캐시·CDN·반응형 이미지로 바이트와 왕복을 줄인다.

2. 로드

중요 자원의 우선순위를 높이고 비필수 코드는 지연한다.

3. 실행

초기 JS와 서드파티, long task를 잘라 상호작용 여유를 만든다.

4. 렌더

불필요한 layout·paint를 피하고 시각적 안정성을 지킨다.

측정필드 분포 확인진단한 병목 선택변경가설 하나 적용검증같은 조건 비교예산CI·모니터링 반영

현실성 기기·네트워크·지역·페이지 유형을 나눠 75번째 백분위 필드 지표를 본다.

인과성 Lighthouse 총점보다 바이트, 요청, long task, LCP 자원처럼 바꿀 수 있는 예산을 둔다.