스크롤을 내리면 사진이 보이도록
본문
그누보드는 목록에서 모든 썸네일 사진을 전부 불러오는데요. 직방이나 다방같은 어플을 써보면, 게시판 목록에서 현재 화면에 있는 있는 게시물의 사진만 일단 불러오고 화면 밑에 있는 사진은 스크롤을 내리면 내린 화면 위치의 사진만 그 순간 불러오는데요. 제 생각에는 이렇게 하면 트래픽 절약이 될것 같은데 실제로 트래픽을 절약하려고 이렇게 설계를 하는 것인가요? 그리고 그누보드로 이렇게 구현하려면 어떻게 하면 될까요?
답변 1
LazyLoad 를 사용해보시는건 어떨까 합니다.
LazyLoad 방식은 img 태그의 이미지 주소(src)를 다른 속성(data-original 어쩌구)의 값으로 옮김으로써 이미지 로딩을 제한하고
특정 이벤트(스크롤이라든지 클릭이라든지)가 발생할 경우 data-어쩌구에 들어가있는 원래 이미지 주소를 src에 넣음으로써 이벤트가 발생했을 때 이미지를 로딩하는 방식입니다.
이런식으로 불필요한 이미지 로딩을 줄이기 때문에 트래픽 감소는 물론, 페이지 로딩 시간도 줄어듭니다.
사용방법도 어렵지 않아요
http://www.appelsiini.net/projects/lazyload
개미님 답변 감사드려요. ㅎ
LazyLoad를 적용하니, 아주 쉽게 작동이 되네요.
답변을 작성하시기 전에 로그인 해주세요.
