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

웹에서 Lazy Loading(지연 로딩)의 주된 이점은?

쉬움 MDN Web Docs
보기 및 정답
A 페이지에 포함된 모든 이미지와 스크립트 리소스를 즉시 한꺼번에 로드하여 완전한 사용자 경험을 제공한다
B 화면에 보이지 않는 리소스(이미지, 컴포넌트 등)의 로딩을 지연시켜 초기 페이지 로드 시간을 단축한다
C 서버에서 전송되는 리소스 파일을 gzip이나 Brotli 알고리즘으로 압축하여 파일 크기를 줄이는 기법이다
D 서버의 캐시 스토리지에 저장된 데이터만 사용하여 페이지를 구성하고 네트워크 요청을 생략하는 기법이다

해설

Lazy Loading은 사용자가 스크롤하여 뷰포트에 도달할 때 이미지나 컴포넌트를 로드합니다. HTML의 loading="lazy" 속성이나 Intersection Observer API로 구현하며, 초기에 필요한 리소스만 로드하여 대역폭을 절약하고 페이지 초기 성능을 개선합니다.

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

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

정규반 살펴보기