Lazy loading이란? 페이지 내에 바로 필요하지 않은 이미지들의 로딩 시점을 뒤로 미룬다. 성능 향상 페이지 초기 로딩 시 필요한 이미지의 수를 줄일 수 있다. 리소스 요청을 줄이는것은 다운로드 bytes를 줄이는 것이다. 비용 감소 이미지가 보여지지 않으면 절대 로딩하지 않으므로, 페이지 내에서 전달할 총 바이트 용량을 줄일 수 있다. 기술 태그를 이용한 일반적인 방법 이미지 로딩을 사전에 막는다. 태그를 사용하는 경우, 이미지를 가져올 때 src 속성을 사용하는데, HTML은 무조건 모든 이미지의 src를 로드한다. 이를 막기 위해 src 가 아닌 data-src 에 이미지 URL을 지정한다. 그리고 이미지가 뷰포트에 들어오자마자 로딩할 수 있도록 브라우저에게 알려준다. 자바 스크립트 이벤트로..