lazy loading
-
Intersection Observer - Lazy-loading, 무한스크롤을 구현하기 좋은 API!Frontend 2020. 11. 23. 11:15
나는 Intersection Observer API를 좋아한다.. 그냥 정이 간다. Intersection Observer는 특정 엘리먼트가 사용자의 화면에 노출되어있는지 감시할 수 있는 API이다. 이 짤 생각나고 귀엽다. web api 중 하나 2016년 4월 구글 개발자 페이지 통해 소개됨 특정 Element가 화면에 노출되어있는지 감시할 수 있는 API Intersection Observer를 사용해서 구현할 수 있는 멋진 것들 1. 이미지 Lazy-loading (지연 로딩) 웹사이트에 이미지가 많을 때 화면 상에 존재하는 이미지를 한꺼번에 불러오면 불필요한 네트워킹 비용이 증가한다. 사용자가 스크롤을 내려 모든 이미지를 보기 전에 사이트를 끌 수도 있는데, 굳이 처음부터 다 불러올 필요가 없다..