기법 나열로 끝내는지, 전송·표시·호환성·CLS까지 묶어 _우선순위로 적용_할 수 있는 사람인지를 가른다.
이미지 성능 최적화는 _용량 축소_와 _렌더 안정성_을 동시에 다뤄야 한다. 포맷은 사진은 WebP/AVIF, 투명 그래픽은 PNG/SVG처럼 목적별로 고르고, srcset/sizes로 기기 해상도에 맞는 파일만 내려보낸다. LCP 후보 이미지는 preload/fetchpriority=high로 먼저 끌어오고, 나머지는 loading="lazy"로 뒤로 미룬다. 또한 width/height(또는 aspect-ratio)를 명시해 CLS를 막아야 _체감 성능_이 같이 따라온다.
LCP 이미지를 preload·fetchpriority=high로 끌어와 지표를 잡아본 경험이 있다면 우선순위 적용 이야기 자체가 답변 후크가 된다
srcset/sizes를 도입해 모바일 트래픽이 줄어든 경험이 있다면 정량 효과로 말할 수 있다
이미지 영역에 aspect-ratio·width/height를 명시해 CLS를 잡은 적이 있다면 _체감 성능_ 측면으로 연결할 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.