해상도·형식
srcset·sizes로 표시 폭에 맞추고 크기를 예약해 CLS 방지
이미지·폰트·스크립트는 서로 다른 병목과 해법을 가진다
자산 종류별로 전송 크기뿐 아니라 렌더링 안정성과 main thread 점유까지 함께 최적화한다.
glyph·표시 전략
subset과 preload를 제한하고 fallback metric을 맞춤
실행 범위
tree shaking·code split으로 초기 parse와 긴 task 축소
cache identity
content hash와 immutable cache로 재방문 전송 제거
핵심압축률만 보지 말고 LCP·CLS·INP 중 어떤 사용자 지표를 개선하는 변경인지 연결한다.