[FE] 로딩 스피너 이미지 로딩시마다 reload & 느리게뜨는 이슈
yeynii opened this issue · 1 comments
yeynii commented
이슈 내용
- 로딩 스피너에 사용되는 달 이미지가 로딩시마다 reload됩니다.
- 느린 네트워크 환경에서는 스피너가 돌아가는 초반 몇초간 달표면 이미지가 보이지 않는 현상이 발생합니다.
기대 결과
- 이미지는 최초 1회, 스피너가 돌기 전에 미리 이미지를 로드해야합니다.
yeynii commented
- 어차피 캐싱 되고있어 reload는 크게 문제는 아닐듯 하네요. 로딩시마다 svg를 새로 그리지않고, 안쓸 때 숨겨만 두는 방식으로 리로드 방지가 가능하겠지만... 캐싱이 되고있으니 그렇게까지 처리해줄 필요는 없어보입니다.
- 이미지 태그를 html head 내부에서 preload하니 해결 되네요.
<head>
<link rel="preload" href="assets/moon.png" as="image" type="image/png" />
</head>전
후
