Lazy Loading란?지연 로딩

Lazy Loading이란?

페이지 로드 시점이 아니라 실제로 필요할 때 리소스를 가져오는 전략이다.

활용

• 이미지 — <img loading="lazy">, Next.js Image
• 컴포넌트 — React.lazy()
• 라우트 — 동적 import + Suspense
• iframe — <iframe loading="lazy">

주의

above-the-fold(첫 화면) 콘텐츠는 lazy 금지 — LCP 악화. Hero 이미지는 priority/eager.