큰 화면 요소가 늦다
대표 이미지와 첫 화면 데이터 요청을 Network 패널에서 확인하고,
중요한 이미지는 priority로 분리합니다.
성능 최적화 반복 절차
이미지, 폰트, 스크립트, 데이터 캐시를 동시에 바꾸면 효과를 알기 어렵습니다. 병목 신호별로 작은 변경을 검증합니다.
레이아웃이 밀린다
next/image 크기, 폰트 로딩, 동적 영역의 예약 높이를
확인해 화면 흔들림을 줄입니다.
상호작용이 무겁다
번들 분석으로 큰 클라이언트 의존성을 찾고, 차트나 에디터는
next/dynamic으로 늦게 불러옵니다.
데이터가 반복 요청된다
Server Component의 fetch, ISR, 태그 재검증 기준을 맞춰
같은 데이터를 불필요하게 다시 받지 않습니다.
Lighthouse 한 번이 아니라 배포 후 Speed Insights와 실제 사용자 지표에서 같은 개선 방향이 보이는지 확인합니다.