Lazyload vs Preload

LazyLoad

LazyLoad는 사이트를 랜더 해올 때 필요한 만큼(보이는/지정된범위) 만큼의 이미지만 다운받아오는 것을 말한다.
웹 페이지의 로딩 속도에 큰 영향을 미치는 것 중의 하나는 이미지입니다. 이를 해결해주는 방법 중의 하나가 Lazy Loading이다

LazyLoad는 react-Lazy-Load 라이브러리가 주로 사용 된다.
참고:https://www.cssscript.com/top-10-lazy-loading-javascript-libraries/

Preload

preLoad는 파일의 크기가 큰 이미지가 존재할 때 다른 작업중에 미리 이미지를 받아놓고, 나중에 해당 이미지가 필요할 때 바로 보여주는 것을 말한다.