성능 점검 루프

성능 개선은 측정 루프로 다룬다

Lighthouse, Network, Performance 결과를 기준선으로 남기고 병목별 가설을 검증한다.

병목별 대응 지점

measure first

기준선 측정

Lighthouse 점수와 Core Web Vitals를 변경 전 상태로 저장한다.

Network 크기

이미지, 폰트, API 응답 크기가 초기 로딩을 막는지 확인한다.

긴 작업

Performance 타임라인에서 렌더링을 막는 JavaScript 작업을 찾는다.

번들 분석

큰 라이브러리는 동적 임포트나 대체 패키지로 초기 비용을 낮춘다.

캐시 전략

fetch 캐시, revalidate, tag 무효화 기준을 데이터 성격에 맞춘다.

서버 쿼리

N+1, 인덱스 누락, 과도한 필드 조회가 TTFB를 늘리는지 본다.

기준선 가설 최적화 재측정
개선 효과 측정

성능 개선은 체감이 아니라 비교 가능한 수치로 판단한다. 변경 전후를 같은 조건에서 측정해야 우선순위가 흔들리지 않는다.