Lazy Loading

개요

• HTML 태그의 loading=“lazy” 속성 활용.
• 이미지가 브라우저 뷰포트에 나타날 때까지 로딩 지연.

장점

• 초기 페이지 로딩 시간 감소.
• 사용되지 않는 이미지의 리소스 절약.
• 서버 부하 감소.

브라우저 지원

• 대부분의 최신 웹 브라우저에서 지원.
• 추가적인 자바스크립트 구현 필요 없음.