LCP가 늦다
가장 큰 요소를 먼저 식별반응형 크기·포맷을 맞추고, 실제 LCP만 우선 전달한다.
자산 최적화는 임계 경로를 비우는 우선순위 문제다
모든 파일을 작게 만드는 대신, 첫 화면에 필요한 바이트와 나중에 써도 되는 작업을 분리하고 지표별 병목에 맞춰 움직인다.
첫 화면 · 지금
HTML짧게 캐시·재검증
critical CSS렌더 차단 최소화
LCP 자산정확한 크기·우선순위
필수 폰트필요한 weight만
상호작용 · 나중
route JScode split
below-foldlazy load
해시 자산긴 max-age + immutable
CLS가 크다
공간을 로딩 전에 예약이미지 치수와 폰트 대체 메트릭을 고정한다.
INP·TBT가 나쁘다
다운로드보다 실행 비용 확인초기 JS와 서드파티 작업을 분할·지연한다.
재방문도 느리다
캐시 적중과 무효화 확인HTML과 해시 자산의 수명을 분리한다.