preload

[innerstella]

mdn docs: 링크 유형: preload

react docs: preload

[innerstella]

react docs: preload

• 사용할 리소스를 미리 가져올 수 있음
• 여러번 호출해도 한 번 호출된 것과 동일함

사용법

1. 렌더링 시 미리 불러오기
2. 이벤트 핸들러에서 미리 불러오기

근데 이렇게 쓰려면 이미지 경로를 이미 알고 있어야 할 것 같은데, 서버 응답을 받아야 이미지 경로를 알 수 있을 땐 어떻게 하는걸까?

[innerstella]

웹 퍼포먼스 최적화 방법론 — [이미지 프리로딩]

JS에서 미리 호출하고 캐싱된 이미지 소스 사용 -> UX 개선

최초 접속 시 캐시가 없을 텐데 그때의 속도 개선은 preload로는 해결할 수 없나?

[innerstella]

react docs: preload

• 사용할 리소스를 미리 가져올 수 있음
• 여러번 호출해도 한 번 호출된 것과 동일함

사용법

1. 렌더링 시 미리 불러오기
2. 이벤트 핸들러에서 미리 불러오기

근데 이렇게 쓰려면 이미지 경로를 이미 알고 있어야 할 것 같은데, 서버 응답을 받아야 이미지 경로를 알 수 있을 땐 어떻게 하는걸까?

이걸 가지고 링크 태그 이용해서 프리로드 할 수 있음! #35