CSS оверлейные изображения требуют нескольких звонков на сервер?

Question

Допустим, у меня есть галерея изображений из 20 фотографий, а затем предположим, что я хочу иметь другое изображение в виде наложения поверх 20 фотографий, чтобы сделать закругленные углы или любую другую вещь.

Так что это 20 разных фотографий + 1 фотография, которая называется 20 раз, чтобы быть сверху фотографий

Считает ли браузер это 21 вызовом, http соединением или 40?

Answer 1

Несколько запросов к одному и тому же ресурсу на одной странице вызовут только одно HTTP-соединение. Таким образом, вы получаете одно и то же изображение 20 раз или только одно, если изображение имеет то же имя файла и к нему не добавлены строки запроса, это вызовет только одну передачу.

Answer 2

Каждый браузер должен признать, что он только что загрузил оверлейный файл и извлек его из кэша для остальных 19 фотографий.

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

Answer 3

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