HTML <img> 태그의 loading="lazy" 속성은 어떤 기능을 하나요?
어려움 MDN Web Docs해설
loading="lazy"는 네이티브 지연 로딩(Lazy Loading) 기능으로, 이미지가 사용자의 뷰포트(화면)에 가까워질 때까지 로딩을 미룹니다. 스크롤하지 않으면 보이지 않는 이미지의 로딩을 방지하여 초기 페이지 로딩 성능과 대역폭 절약에 효과적입니다.
loading="lazy"는 네이티브 지연 로딩(Lazy Loading) 기능으로, 이미지가 사용자의 뷰포트(화면)에 가까워질 때까지 로딩을 미룹니다. 스크롤하지 않으면 보이지 않는 이미지의 로딩을 방지하여 초기 페이지 로딩 성능과 대역폭 절약에 효과적입니다.