[web] lazy loading이란?

6/21/2025, 1:07:00 AM
web

웹 프론트엔드에서 Lazy Loading은 필요할 때까지 리소스를 로딩하지 않고 미뤄두는 전략입니다. 즉, 사용자가 실제로 해당 리소스를 요청하거나 접근할 때 로딩을 수행하는 방식입니다.

예를 들어, 이미지 lazy loading은 페이지를 처음 로딩할 때, 사용자가 아직 보지 않은 아래쪽의 이미지들을 미리 로드하지 않고, 스크롤을 내릴 때 로드합니다.

<img src="thumbnail.jpg" loading="lazy" alt="이미지 설명">