웹 이미지 최적화 완벽 가이드: AVIF·WebP·반응형 이미지로 LCP 잡기 (2026)
웹 페이지 용량의 50~70%를 차지하는 이미지, 제대로 최적화하고 계신가요? AVIF·WebP 포맷 전략, srcset과 sizes 반응형 이미지, fetchpriority로 LCP 단축하기, AVIF 모바일 디코딩 함정, 이미지 CDN 자동 최적화까지 2026년 실전 코드와 함께 총정리합니다.
리소스 로딩 최적화
리소스 힌트, 프리로드, 프리페치, fetchpriority 등 브라우저 리소스 로딩 전략과 최적화 기법
한국어 웹 폰트 최적화: CLS·LCP를 확실히 잡는 실전 전략
한국어 폰트는 11,172자의 한글 조합 때문에 최적화 없이는 15MB가 넘습니다. font-display, 서브셋, WOFF2, size-adjust, 가변 폰트로 CLS·LCP를 개선하는 2026년 최신 실전 가이드입니다.