인프런 커뮤니티 질문&답변

s s님의 프로필 이미지
s s

작성한 질문수

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

2-7) 이미지 Preloading

웹앱의 (모바일)의 경우, 마우스 올릴 떄 이미지 로드를 어떻게하나요?

작성

·

200

1

웹앱의 웹뷰 방식의 경우 마우스를 갖다대는게 아니라 터치로 클릭해서 보는데 이 경우에는 마우스를 갖다대서 preloading 하는 기법을 쓸 수 없는지 궁금합니다.

답변 1

2

유동균님의 프로필 이미지
유동균
지식공유자

안녕하세요, s s 님

모바일 기기에서의 preloading 타이밍에 대해서 질문을 주셨는데요,

생각하시는 것처럼 모바일 환경에서는 커서가 아니라 touch로 동작하기 때문에 mouse enter 이벤트로 preloading을 걸기는 힘들 것 같습니다.

이에 대해서 공식적으로 제안되는 방법은 딱히 없는 것으로 알고 있는데요, 상황에 따라서 다양한 시도를 해볼 수 있을 것 같습니다.

  • 화면에 버튼이 들어온 경우 미리 다음 페이지의 콘텐츠를 preload
  • 버튼 touchstart 에서 preload
  • 등등

우선 당장 생각나는 방법은 이렇게 인데요, 서비스의 성격에 따라 적절한 방법을 도입하면 좋을 것 같습니다.

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)

s s님의 프로필 이미지
s s
질문자

답변 감사합니다

s s님의 프로필 이미지
s s

작성한 질문수

질문하기