[Perf] 이미지 priority 남용 제거 + AVIF + GIF를 video로 교체

[Malloc72P]

현황

• apps/blog/next.config.mjs에 images 설정이 전무하다 → AVIF 미사용(WebP 기본만).
• apps/blog/src/components/post-detail/post-image.tsx:23에서 모든 본문 이미지에 무조건 priority를 적용한다 → lazy 로딩 비활성.
• public에 250KB대 애니메이션 GIF가 next/image로 처리된다(애니메이션 손실/비효율).

문제

• priority 남용으로 하단 이미지까지 즉시 로드+preload되어 대역폭 경쟁으로 첫 화면 LCP가 늦어진다.
• AVIF 미사용으로 전송량 절감 기회를 놓친다.
• 무거운 GIF가 LCP/대역폭에 악영향.

제안

• images: { formats: ['image/avif', 'image/webp'] } 추가
• priority 제거(기본 lazy), 필요 시 본문 첫 이미지에만 조건부 부여. sizes 속성 추가
• 애니메이션 GIF는 <video>+WebM/MP4로 교체하거나 unoptimized + 사전 압축

임팩트 / 난이도

임팩트 중 / 난이도 하~중

---

🤖 코드베이스 조사 기반 작성 (Claude Code)