LazyLoad vs PreLoad

LazyLoad

• 지연시키는 방법이다.
• Lazyload를 사용했을 때 메인 화면에서 필요한 기능을 포함한 데이터 이외의 내용은 굳이 다운을 받아 사이트의 속도를 느리게 만들 필요가 없다.
• 이미지와 마찬가지로 영상도 지연 로드 할 수 있다.

Preload

• lazyload가 적용된 뒤, 사용자가 해당 페이지에 접근 하기 전 미리 데이터를 받아서 시간을 줄일 수 있다.
• react에서 useEffect을 이용 할 수 있다.
• 사용자가 재생을 시작한 동영상(자동 재생이 되지 않는 영상)의 경우 preload속성을 지정하는 것을 추천한다.