WEB PERFORMANCE

측정 지표로 병목을 찾고 가장 큰 체감 지연부터 줄인다

성능 최적화는 감이 아니라 LCP, INP, CLS 같은 사용자 체감 지표와 네트워크·렌더링·서버 병목 분리에서 시작합니다.

Core Web VitalsLCP는 주요 콘텐츠, INP/FID는 반응성, CLS는 시각적 안정성을 봅니다.

리소스압축, 이미지 최적화, 코드 분할로 초기 전송량을 줄입니다.bytes

렌더링렌더 차단 CSS/JS를 줄이고 필요한 코드만 먼저 실행합니다.paint

서버API 응답, 캐시, DB 인덱스, 연결 풀로 백엔드 지연을 줄입니다.latency

운영CDN과 모니터링으로 지역 지연과 실제 사용자 성능 변화를 추적합니다.observe

순서: 기준선 측정 → 병목 분리 → 가장 큰 지연부터 개선 → 다시 측정하는 루프가 성능 작업의 기본입니다.