이미지 프리로딩 질문

22.11.11 20:06 작성 조회수 232

강의에서 이미지url을 프리로딩하는것을 알려주셨는데 혹시 이미 리액트 폴더안에 에셋으로 넣어놓은 이미지 파일이나 폰트를 모달 띄우기 전에 미리 프리로딩 하는 방법을 알 수 있을까요?

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1

2-7) 이미지 Preloading

강의실 바로가기

답변 1

답변을 작성해보세요.

유동균

2022.11.21

안녕하세요, qutuzm님.

답변이 많이 늦었습니다 ㅠ

프로젝트 내에 있는 static 이미지를 프리로딩 하는 방법도 동일합니다.
해당 static 이미지도 결국 url이 있기 때문에 이미지가 렌더링 되기 전 타이밍에 동일하게 자바스크립트의 Image 객체로 이미지를 미리 로드하게 캐시해두면 됩니다.