웹페이지에서 이미지 썸네일에 마우스오버하면 mp4 움짤이 재생 되게 만들었습니다.
그런데 마우스 오버할 때마다 데이터 전송량및 리소스 데이터가 계속 빠져나가네요?
이거 왜 이러는 걸까요? 데이터 소모 안되게 하는 방법 없을까요?
| PHP | PHP 7.2 |
|---|---|
| CMS | 기타 |
-
-
?
제가 설명이 부족했나봅니다.
마우스 오버할때 1번만 데이터가 소모되어야 하는데 마우스 오버 할때마다 mp4용량 만큼의 데이터 소모가 계속 발생해서 도저히 원인을 모르겠네요 -
?
아... 그건 mp4가 캐싱되지 않아서 그럴 거예요. 브라우저에 따라 조금씩 다르지만 일정 용량 이상 되는 동영상은 캐싱하지 않는다고 예전에도 글이 올라온 적이 있어요.
용량이 얼마 되지 않더라도 동영상 특성상 Range 헤더를 사용하여 특정 부분만 불러오는 경우가 많기 때문에 캐싱 처리가 쉽지 않고, 클플을 사용해도 mp4는 제대로 캐싱되지 않아서 실서버 트래픽을 많이 잡아먹는다고 하더군요.
홈페이지 메인에 10메가짜리 mp4를 무한반복으로 켜놓았다가는... 더이상의 자세한 설명은 생략합니다.
-
?
답변 감사합니다.
-
nginx나 apache에 cache expires를 설정한 것인가요? 화면캡쳐한 dev tools에 보면 disable cache를 선택 안했는데도 파일들을 다 새로 불러오는데, 브라우져 캐시 비운후 처음 접속한 것을 캡쳐한 것이겠죠? 아니라면 cache expires가 설정 안되었을수도요. cache expires를 설정 했는데도 별로 크지않은 mp4조차 캐시를 안해주면, 섬네일에는 결국 mp4는 사용 못한다는 뜻이 되겠네요.
-
?
캐시 비우기 강력 새로고침 했었습니다.
에러가 뜰때는 이렇게 mp4불러 오는게 실패하는게 엄청 많아지고
불러온 영상 또 불러오고
스크롤 할때마다 트래픽이 계속 늘어나네요
Atachment 첨부 -
?
작은 샘플파일 하나로 테스트해봤는데 브라우져가 캐시를 제대로 안하는군요. 설정문제가 아니고 브라우져가 그냥 하시 싫은가봅니다~~
움짤을 재생하려면 다운받아야 하니까 당연히 데이터를 쓰는 것 아닌가요?
데이터를 쓰지 않고 영상을 볼 수 있는 방법이 있는지...