처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML <img> 태그의 loading="lazy" 속성은 어떤 기능을 하나요?

어려움 MDN Web Docs
보기 및 정답
A 이미지가 뷰포트에 가까워질 때까지 로딩을 지연시켜 페이지 초기 로딩 속도를 개선한다
B 이미지 로딩 속도를 의도적으로 느리게 만들어 대역폭을 절약하는 기능이다
C 이미지 품질을 낮은 해상도로 변환하여 로딩하는 압축 방식을 적용한다
D 이미지를 비동기적으로 서버에 업로드하여 클라우드 저장소에 백업하는 기능이라고 할 수 있다

해설

loading="lazy"는 네이티브 지연 로딩(Lazy Loading) 기능으로, 이미지가 사용자의 뷰포트(화면)에 가까워질 때까지 로딩을 미룹니다. 스크롤하지 않으면 보이지 않는 이미지의 로딩을 방지하여 초기 페이지 로딩 성능과 대역폭 절약에 효과적입니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기