첫 화면 자산과 지연 자산은 로딩 계약이 다르다

모든 파일을 빨리 받으려 하지 말고 현재 viewport를 완성하는 최소 집합과 이후 상호작용 자산을 나눈다.

critical

첫 화면 이미지

LCP 후보는 정확한 크기·높은 priority로 조기 요청

critical

핵심 CSS·폰트

렌더 차단 비용을 줄이고 필요한 글꼴 범위만 preload

deferred

아래쪽 미디어

크기 공간은 예약하고 viewport 근처에서 lazy load

deferred

부가 JavaScript

사용자 행동이나 route 진입 시 동적 import

핵심지연 로딩은 다운로드를 없애는 것이 아니라 사용자에게 필요한 시점까지 네트워크·실행 비용을 미루는 것이다.