Спрайт Оптимизация?

Question

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

Для изображений CSS все изображения, вызываемые в вашем CSS, загружаются при вызове файла CSS, или когда используются отдельные классы, вызывающие изображения?В качестве крайнего примера, если у меня есть файл CSS, который вызывает 200 отдельных изображений, но при загрузке первой страницы вызывается только одно из этих изображений, все 200 будут вызваны или только одно?Как загрузка зависит от браузера, если таковые имеются?

Answer 1

URL-адреса изображений должны вызывать только одно попадание на сервер НА СТРАНИЦУ. При попадании на эту страницу браузер может предположить, что изображение не изменится, даже если изображение появляется на странице несколько раз

Для следующей страницы браузер будет стремиться выполнить запрос «если изменено с» для изображения и получить новое изображение, только если оно было изменено с той прошлой ночи. Но опять же, он будет делать это только ОДИН РАЗ на страницу.

Как только изображение будет загружено и кэшировано, вы, скорее всего, увидите только 200 запросов на получение и 304 неизмененных ответа, пока изображение не выпадет из кэша.

Answer 2

Вы фактически делаете вызов для каждого изображения, поэтому рекомендуется использовать CSS-спрайтов при необходимости