큰 이미지, 서버 응답, 렌더 차단 CSS를 먼저 줄입니다.
PERFORMANCE PRIORITY
성능 개선은 지표가 가리키는 병목부터 찾는다
빠르게 느껴지는 페이지를 만들려면 측정값, 사용자 체감, 코드 변경을 같은 순서로 연결해야 합니다.
긴 JS 작업, 불필요한 재렌더링, 이벤트 처리 지연을 나눕니다.
이미지 크기, 광고 영역, 동적 콘텐츠 공간을 미리 확보합니다.
Lighthouse와 실제 사용자 지표를 같은 페이지 기준으로 남깁니다.
이미지 포맷, 압축, 코드 분할로 초기 전송량을 줄입니다.
캐시, 인덱스, 연결 풀로 API 응답 시간을 낮춥니다.
개선 전후 수치를 비교하고 성능 예산으로 회귀를 막습니다.
가장 큰 사용자 체감 문제를 고르고, 한 번에 하나씩 바꾼 뒤 같은 도구와 같은 조건으로 다시 측정합니다.