웹앱의 (모바일)의 경우, 마우스 올릴 떄 이미지 로드를 어떻게하나요?
288
작성한 질문수 22
답변 1
2
안녕하세요, s s 님
모바일 기기에서의 preloading 타이밍에 대해서 질문을 주셨는데요,
생각하시는 것처럼 모바일 환경에서는 커서가 아니라 touch로 동작하기 때문에 mouse enter 이벤트로 preloading을 걸기는 힘들 것 같습니다.
이에 대해서 공식적으로 제안되는 방법은 딱히 없는 것으로 알고 있는데요, 상황에 따라서 다양한 시도를 해볼 수 있을 것 같습니다.
- 화면에 버튼이 들어온 경우 미리 다음 페이지의 콘텐츠를 preload
- 버튼 touchstart 에서 preload
- 등등
우선 당장 생각나는 방법은 이렇게 인데요, 서비스의 성격에 따라 적절한 방법을 도입하면 좋을 것 같습니다.
답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)
bundle analyzer 에 대한 질문이 있습니다.
0
108
2
Cannot find module serve 에러
1
105
1
성능 탭에서 소요시간이 안보입니다
0
205
2
이미지 CDN 만드는 방법
0
459
1
Performance FPS 탭이 안보여요.
1
799
1
CPU throttling이 뭔가요?
0
1120
1
default export가 아닌 named export일 때 lazy사용법
1
1070
1
lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다
1
584
1
network 캐싱에 대해서 질문 있습니다!
1
427
1
vue project에서 chrome performance tab 확인하기
1
458
1
node version으로 인한 오류
4
1232
1
강의 자막
1
956
2
번들파일과 병목현상 질문
2
396
1
webpack-bundle-analyzer 질문
1
786
1
이미지 프리로딩 질문
1
385
1
이미지 최적화 활용
1
582
1
강력 새로고침
1
324
1
Suspense 관련해서 질문드립니다
2
360
1
config-overrides cant resolve path
1
364
1
이미지 preload 컴포넌트 preload 차이 질문드립니다.
1
611
1
custom react 환경에서 node_modules chunk 분리
1
382
1
removeSpeical 함수를 줄여야겠다고 하는 이유!
1
284
1
Factory pattern에 대해서 궁금한 점이 있습니다
2
370
2
텍스트 압축 방식에 대해 질문이 있습니다
2
954
1