일반적인 이미지 로딩
<소스>
<크롬>
이미지 로딩순서 : 1, 2, 7, 8, 9, 0, 3, 4, 5, 6
세로위치와 관계없이 로딩이 불규칙적이다.
1.1 버전
<소스>
<크롬>
이미지 로딩순서 : 1, 2, 3, 4, 5, 6, 7, 8, 9, 0
위에서부터 아래로 순차적으로 로딩된다.
일반적으로 사용자는 위에서 아래로 순차적으로 스크롤 하기에 로딩지연의 불편함을 줄일 수 있다.
2.0 버전(Beta)
<소스>
<크롬>
이미지 로딩순서 : 1, 2, 3, 4, 5, 6, 8, 9, 0, 7
규칙적으로 로딩이 시작되는 편이지만 7번이 예외적으로 가장 늦었다. 베타버전이라 아직 완성도가 덜 한 느낌이다.
사용파일
-----------------------------
참고사이트
----------------------------
https://github.com/tuupola/jquery_lazyload
https://appelsiini.net/projects/lazyload/
http://jquery.eisbehr.de/lazy/
http://www.dontorz.com/bbs/?mode=view&bbsid=study&ctg_cd=js&bltn_seq=208