원본 선택
표시 크기와 필요한 품질에 맞는 소스를 준비
에셋은 제작 원본에서 캐시 가능한 배포 파일로 변환된다
이미지·폰트·스크립트가 사용자에게 도달하기까지 품질·크기·주소·우선순위를 어느 단계에서 정하는지 본다.
형식·압축
AVIF/WebP·subset font·minify로 전송량 축소
fingerprint
내용 hash URL로 장기 cache와 변경 무효화 연결
CDN / cache
사용자와 가까운 위치에서 적절한 cache header로 제공
load policy
첫 화면은 preload, 나머지는 lazy·defer로 늦춤
핵심최적화 파일을 만들기만 해서는 부족하다. HTML이 올바른 후보와 로딩 우선순위를 실제로 선택해야 한다.