При переключении img src и затем обратно изображение будет загружено дважды?

#javascript #html #image #caching

#javascript #HTML #изображение #кэширование

Вопрос:

Если у меня есть элемент изображения с src по умолчанию (например. img1.jpg ), а затем с помощью javascript измените его на другое изображение (напр. img2.jpg ) он загрузит первое изображение, а затем второе изображение.

Но если я вернусь к исходному изображению (img1.jpg ), будет ли это изображение загружено снова (общее время загрузки: 2)? или оно кэшируется каким-либо образом. Если нет, есть ли какой-либо удобный способ кэшировать его при выполнении такой вещи?

Комментарии:

1. Да, но если элемент управления cache указывает на cache , он загружается из кэша.

2. @PraveenKumar итак, если метаданные для управления кэшем не заданы, они не будут кэшироваться?

3. Он получает его с сервера, если его там нет. Да!

Ответ №1:

Изображение src загрузит изображение один раз, поэтому, если у вас есть «img1.jpg «много раз на странице будет загружаться только один раз, но он будет отображать его несколько раз. Итак, чтобы ответить на ваш вопрос, у вас не возникнет проблем с его повторной загрузкой, как в вашем примере.

Комментарии:

1. это повлияет на то, когда произойдет обновление страницы

2. Хорошо, спасибо. собираюсь попробовать, а затем принять, если это сработает 🙂

Ответ №2:

Современные браузеры в наши дни создают кеш и поддерживают его до сеанса. В вашем случае, если img1.jpg загружается первым браузером, он кэшируется, хотя его заменяют img2.jpg позже. но если вы вернетесь к img1, он будет загружаться намного быстрее, поскольку он уже кэширован

Комментарии:

1. нет, если вы не указали мету управления кэшем, браузер не будет кэшировать его, и для загрузки изображения снова и снова определенно потребуется время