크롬 네이티브 레이지 로딩

2019년 구글 I/O에서 소개된 크롬 네이티브 레이지 로딩 기술에 대한 글입니다. 레이지 로딩은 웹페이지 로딩 시 초기 뷰포트에 보이는 이미지만 먼저 로드하고, 스크롤 등 사용자 환경에 따라 나머지 이미지를 선택적으로 로드하는 기법입니다.

기존에는 자바스크립트로 구현했지만, 브라우저 네이티브로 지원되는 레이지 로딩은 브라우저 내부에서 더 정교한 휴리스틱을 통해 이미지 로딩 시점을 판단하여 네트워크 비용 절감, 성능 향상, 메모리 절약, 사용성 개선 등의 이점을 제공합니다. 이 글은 네이티브 레이지 로딩의 개념과 기존 방식과의 차이점, 그리고 기대 효과를 설명합니다.