WEBBOOK CHAPTER

느린 이유를 숫자로 설명하는 성능 엔지니어링: 30장. Browser 성능 예산

30장. Browser 성능 예산

서버 API가 빨라도 LCP·INP·CLS, JavaScript 실행, image, font, third-party가 사용자 경험을 늦출 수 있다. route별 transfer, request 수, main-thread task, 핵심 image와 interaction 예산을 둔다. lab과 field data를 구분하고 device·network 분포를 기록한다.

bundle diff와 Lighthouse 같은 lab 결과는 회귀 신호이며 실제 사용자 결과를 보완한다. third-party script는 목적·owner·timeout·consent·실패 영향을 검토한다. CDN cache와 compression 변경은 content correctness·stale·invalidation을 함께 test한다. 예산 초과는 무조건 차단보다 사용자 영향과 대체안을 release 회의에 제공한다.