Почему браузеры снова загружают изображения после перезагрузки моей страницы?

Почему браузеры снова загружают изображения после перезагрузки моей страницы?

Я разрабатываю веб-приложение и хочу, чтобы все изображения (стоимостью в пару сотен МБ - 20 000 - 50 000 миниатюр) были загружены один раз и больше не загружались, поскольку они на самом деле не меняются. Кроме того, эти изображения загружаются с серверов YouTube, и я не хочу нагружать их серверы без необходимости.

Но проблема в том, что когда я перезагружаю страницу, запросы снова начинают сыпаться, вместо загрузки кэшированных изображений. Это происходит, когда я перехожу на свою страницу и перезагружаю ее, но когда я открываю другую страницу и нажимаю «Назад», изображения загружаются из кэша. Когда я динамически добавляю новый контент с помощью JavaScript, изображения также загружаются из кэша.

Так что я упускаю? Я использую сервер XAMPP на Windows 10 для тестирования.

P.S. Я перезагружаю кнопкой перезагрузки возле адресной строки, а не Ctrl+R или другой комбинацией клавиш, которая очищает кэш.

PPS Чтобы прояснить ситуацию, прежде чем кто-то это прокомментирует, я не буду скачивать все эти тысячи изображений сразу.

решение1

Поскольку заголовки кэширования HTTP-ответа указывают период Max-Ageв 86400 секунд (один день), браузеры будут загружать изображения по истечении срока их хранения.

Вам нужно увеличить, Max-Ageчтобы они кэшировались бесконечно.

Связанный контент