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

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

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

쉬움 MDN Web Docs

보기 및 정답

A 페이지에 포함된 모든 이미지와 스크립트 리소스를 즉시 한꺼번에 로드하여 완전한 사용자 경험을 제공한다

B 화면에 보이지 않는 리소스(이미지, 컴포넌트 등)의 로딩을 지연시켜 초기 페이지 로드 시간을 단축한다

C 서버에서 전송되는 리소스 파일을 gzip이나 Brotli 알고리즘으로 압축하여 파일 크기를 줄이는 기법이다

D 서버의 캐시 스토리지에 저장된 데이터만 사용하여 페이지를 구성하고 네트워크 요청을 생략하는 기법이다

해설

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

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

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

정규반 살펴보기

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

해설

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

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.