일반적인 이미지 로딩 

<소스>


<크롬>


이미지 로딩순서 : 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번이 예외적으로 가장 늦었다. 베타버전이라 아직 완성도가 덜 한 느낌이다.




사용파일

-----------------------------

jquery.min.js

lazyload.1.x.min.js

lazyload.2.x.min.js


참고사이트

----------------------------

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



Posted by Doonee
,