LazyLoad // preLoad

kimdev·2022년 6월 28일

Web

목록 보기
6/8

레이지로드와 프리로드

이미지를 예로 들어 레이지로드와 프리로드를 설명하겠다.


레이지 로드 // 우리가 하나의 페이지를 로드해 올때 그 안에 모든 사진을 한번에 로드한다면 
시간이 꽤 오래 걸릴 것이다.

때무에 무한 스크롤 처럼 이미지가 보이는 순간에 로드를 시작하는 것이다. 보기엔 느릴 수 있지만
한번에 모든 것을 로드하는 것 보다는 처리 속도, 부하가 훨씬 덜 할 것이다.


프리로드 // 프리로드는 레이지 로드완 약간 반대된다.

	우리가 크기,용량이 매우 큰 이미지를 요청한다면 브라우저에 이미지를 그려주는데 시간이
    꽤 오래 걸릴 것이다.
    
    그래서 우리가 요청할 이미지가 있는 페이지에 미리 해당 이미지를 로드 해 놓는 것이다.
    
    이렇게 하면 요청을 하는 순간 눈에 보이지 않을정도로 빠르게 로드가 된다.
    엄밀히 따지면 로드가 아니기 때문이다. 단순히 미리 로드해서 가려놨던걸 보여주는 것이니.
    
    요청에 비하면 매우 빠르게 작동한다.
    
    하지만 처음 페이지를 로드할땐 비교적 시간이 오래 걸린다.

0개의 댓글