지연 로딩은 초기 페이지 로드 시 뷰포트에 보이는 콘텐츠만 먼저 불러와 성능을 개선합니다. 첫 화면 아래의 이미지는 사용자가 근처로 스크롤할 때까지 가벼운 플레이스홀더로 남아 있다가 실제 이미지 다운로드가 시작됩니다. HTML loading='lazy' 속성을 사용하는 네이티브 지연 로딩은 최신 브라우저에서 지원되며 JavaScript가 필요 없습니다. Intersection Observer API는 맞춤 구현에서 더 세밀한 제어를 제공합니다. 첫 화면에 보이는 히어로 이미지는 Largest Contentful Paint 최적화를 위해 즉시 로드되어야 하므로 지연 로딩을 꺼야 합니다. 보이는 콘텐츠까지 늦추는 과도한 지연 로딩은 체감 성능을 해칩니다. 적절한 균형은 보이는 콘텐츠는 즉시 로드하고 나머지는 나중에 로드하는 것입니다.