Performance

Next 성능 병목 진단

느린 화면을 체감만으로 판단하지 않고 LCP, CLS, JavaScript 크기, 네트워크 요청을 나눠 확인합니다.

사용자 지표

Speed Insights 회귀 확인

실사용자 LCP, INP, CLS를 배포 전후로 비교해 느려진 경로와 기기 조건을 찾습니다.

번들 구조

번들 분석기 원인 추적

큰 패키지, 중복 의존성, 불필요한 client boundary를 찾아 초기 다운로드 비용을 줄입니다.

미디어 비용

이미지 최적화 우선순위

크기, 포맷, responsive sizes, priority 설정을 조정해 LCP 이미지 부담을 낮춥니다.

실행 비용

스크립트 최적화 전략

외부 스크립트의 로딩 시점과 hydration 영향을 나눠 메인 스레드 점유 시간을 줄입니다.

Core Web Vitals 병목 지표

지표 기반 수정 방향

LCP가 이미지 문제인지, 긴 JavaScript 실행인지, 폰트 지연인지에 따라 해결책이 달라집니다.

병목 후보

번들 분석기큰 패키지와 클라이언트 번들 증가 원인을 찾습니다.
이미지 최적화크기, 포맷, priority 설정으로 LCP 부담을 줄입니다.
스크립트 최적화외부 스크립트 로딩 전략과 실행 비용을 조정합니다.