성능 병목 판단 점검 기준
Performance 탭은 원인을 좁히고 Lighthouse는 사용자 체감 지표를 확인합니다. 한 번에 하나의 원인만 줄여야 전후 비교가 명확합니다.
LCP
주 콘텐츠 표시 속도
INP
클릭과 입력 응답성
CLS
레이아웃 흔들림
Network와 LCP를 함께 확인
큰 이미지, 렌더링 차단 리소스, 초기 번들 크기를 먼저 봅니다. · 이미지 압축 · 코드 분할
Main 스레드의 Long Task 확인
50ms 이상 작업, 무거운 반복문, 잦은 DOM 갱신을 분리합니다. · 작업 쪼개기 · 렌더링 배치
핵심성능 병목 판단 점검 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.