LazyLoad PreLoad

0.

이미지파일이 많은 페이지에 접속하면 정보를 불러오는데 많은 시간이 걸린다. 이미지를 불러올 때 스토리지에 저장되어있는 이미지의 url을 가지고 요청해 불러와 로드하는데 이 때 기기의 사양이나 네트워크 속도가 안좋을 때는 더더욱 많은 시간이 걸릴 것이다. 빠름이 최고의 미덕인 한국 정서상 이는 바람직하지 못하다. 해결하기 위한 방식으로 lazyload와 preload가 있다.

1.LazyLoad

현재 화면에 있는 데이터만 그때 그때 불러와 보여주는 방식을 사용하면 그 대기시간을 줄여줄 수 있다. 이 방식이 LazyLoad이다.
LazyLoad를 적용하고 스크롤을 내리며 확인해보면 브라우저의 개발자모드-네트워크 탭에서 이미지 로드가 실시간으로 되는 것을 확인 할 수 있다.

2.PreLoad

브라우저가 열렸을때 미리 이미지를 로드 시켜 놓고 이미지를 불렀을때 즉각적으로 이미지를 보여주어도 대기시간을 줄여줄 수 있다. 이 방식이 PreLoad이다.