크롬 네이티브 레이지 로딩

이 글은 2019년 구글 I/O에서 소개된 크롬의 네이티브 레이지 로딩 기술에 대해 설명합니다. 레이지 로딩은 웹페이지 로딩 시 모든 이미지를 한 번에 내려받지 않고, 뷰포트에 보이는 영역이나 사용자 인터랙션에 따라 필요한 이미지만 선택적으로 로딩하는 기법입니다.

이를 통해 불필요한 네트워크 비용을 줄이고 성능, 메모리, 사용성을 개선할 수 있습니다. 기존에는 JavaScript로 구현했지만, 크롬 75 버전부터 `<img>`와 `<iframe>` 태그에 `loading="lazy"` 속성을 추가하여 브라우저 자체적으로 레이지 로딩을 지원할 예정입니다.

이는 브라우저가 더 많은 정보를 바탕으로 정교한 판단을 내릴 수 있게 하여 웹 성능 향상에 기여할 것으로 기대됩니다.