[LazyLoad]

lazyLoad 는 말 그대로 게으른 로드 이다.
페이지 안에 있는 실제 이미지 들이 실제로 사용자 화면에게 보여질 필요가 있을때 로드를 시키는 방법이다. 웹페이지에서 즉각적으로 이미지를 로딩 하는것이 아니라 약간 뒤로 미뤄서 로딩을 한다 라고 생각하면 될 것 같다.

[PreLoad]

preLoad란 말 그대로 미리 로드를 해놓는 것이다.
웹브라우저가 열렸을때 미리 이미지를 로드 시켜 놓고 이미지를 불렀을때 즉각적으로 이미지를 보여주는 방식이다. 보통 이미지를 띄울때 즉 로드 할때는 이미지를 url을 통해서 이미지를 띄운다. 실제로 웹 사이트에서 이미지 url을 가져다가 주소창에 쳐보면 해당 이미지를 확인 할 수있다. 즉 통신을 해서 이미지를 불러오는 것이다. 하지만 만약에 컴퓨터의 사양이 좋지 않은 사용자가 웹페이지를 띄웠다면 이미지가 로드 되는 과정은 매우 느릴것이다. 따라서 웹브라우저에서 미리 이미지를 로드 시켜 두고 사용자가 원할때 즉각적으로 이미지를 꺼내서 보여주는 방식이다.
그렇다면 컴퓨터 사양이 좋지 않은 사용자여도 즉각적으로 이미지를 보여 줄 수 있게된다.