성능 병목 분류

성능 병목 구분

느리다는 느낌을 바로 최적화하지 말고, 측정 도구가 드러내는 대기 구간을 기준으로 원인을 분리합니다.

load

초기 로드가 느림

bundle 크기, code splitting, 캐시 정책, 이미지 용량을 먼저 봅니다.

render

화면 반응이 늦음

React Profiler로 불필요한 렌더링과 비싼 컴포넌트를 찾습니다.

network

요청 대기가 김

waterfall, 중복 요청, payload 크기, retry 동작을 분리합니다.

backend

서버 처리 지연

Node profiler, DB query, 외부 API, 큐 처리 시간을 계측합니다.

측정

Performance 탭과 서버 로그로 개선 전 기준값을 남깁니다.

수정

가장 큰 병목 하나부터 작게 바꾸고 같은 조건으로 다시 잽니다.

방어

LCP, INP, API p95 같은 지표를 회귀 기준으로 둡니다.