큰 콘텐츠가 늦게 보임
히어로 이미지, 폰트, 서버 응답, 캐시 상태를 함께 확인합니다.
next/image와 fetch 캐시 점검성능 점수 원인 분류
Lighthouse와 DevTools 수치를 같은 표에 놓으면 이미지, JavaScript, 레이아웃, 서버 응답 중 어디를 먼저 볼지 정할 수 있습니다.
클릭 반응이 느림
긴 JavaScript 작업, 무거운 컴포넌트, 과한 상태 전파를 찾습니다.
dynamic import와 memo 검토화면이 뒤늦게 밀림
이미지 크기, 폰트 스와핑, 조건부 영역의 높이 예약 여부를 봅니다.
width, height, next/font 확인첫 응답이 늦음
서버 컴포넌트 데이터 페칭, DB 쿼리, 서버리스 콜드 스타트를 분리합니다.
인덱스와 revalidate 조정실사용 지표가 나쁜 항목을 먼저 고르고, 수정 뒤 같은 조건에서 다시 측정해야 개선 여부를 확인할 수 있습니다.