내 페이지를 다시 로드한 후 브라우저가 이미지를 다시 가져오는 이유는 무엇입니까?

Question

저는 웹 앱을 개발 중이며 모든 이미지(200MB 상당 - 20,000 - 50,000개의 썸네일)를 한 번 다운로드하고 다시는 다운로드하지 않기를 원합니다. 이러한 이미지는 실제로 변경되지 않기 때문입니다. 또한 해당 이미지는 YouTube 서버에서 다운로드되므로 불필요하게 서버를 망치고 싶지 않습니다.

하지만 문제는 페이지를 다시 로드할 때 캐시된 이미지를 로드하는 대신 요청이 다시 쏟아지기 시작한다는 것입니다. 내 페이지로 이동하여 다시 로드할 때 이런 일이 발생하지만, 다른 페이지를 열고 뒤로 버튼을 누르면 이미지가 캐시에서 로드됩니다. JavaScript를 사용하여 새 콘텐츠를 동적으로 추가하면 이미지도 캐시에서 로드됩니다.

그렇다면 내가 무엇을 놓치고 있는 걸까요? 테스트를 위해 Windows 10에서 XAMPP 서버를 사용하고 있습니다.

추신: Ctrl+R이나 캐시를 정리하는 다른 키 조합이 아닌 주소 표시줄 근처의 새로고침 버튼을 사용하여 다시 로드하고 있습니다.

PPS 누군가 이에 대해 댓글을 달기 전에 명확히 하자면, 수천 장의 이미지를 한 번에 다운로드하는 것은 아닙니다.

Answer 1

HTTP 응답 캐싱 헤더는 Max-Age86400초(1일)를 지정하므로 브라우저는 이미지가 만료되면 이미지를 가져옵니다.

Max-Age무기한으로 캐시하려면 값을 늘려야 합니다 .