Как использовать одну и ту же фотографию в разных блоках?

Question

[PiggyPig]

В общем ситуация такая. Одна и та же фотография должна быть в двух разных блоках (чтобы к каждой потом задать свои стили). Но так как это не иконка и не является маленькой для применения base64 (300-400px), то кроме как подгружать ее два раза ничего не остается. И как-то не очень нравится, что тратятся время и запросы на одну и ту же фотографию. Я тут могу ошибаться насчет подгрузки, но вот на данный момент именно так и кажется.
Собственно вопрос: можно ли подгрузить изображение один раз при этом для двух разных блоков?

Comments

[Максим Софронов]

Одно и то же изображение грузится один раз всегда для любого количества мест использования.

[PiggyPig]

Максим Софронов: в таком случае отлично. Спасибо!

[Максим Софронов]

PiggyPig: вы можете это проверить в инспекторе Хрома во вкладке Network.

Answer 1

[Андрей Федоров]

Настройте кэш прежде всего. Тогда ничего качаться повторно не будет.

Answer 2

[Олег]

https://jsfiddle.net/1ruzzrf2/

Comments

[PiggyPig]

Тоже вариант. Спасибо!