Загрузка спрайтов 1 раз или много раз?

Question

Мне интересно, если я делаю это:

<div style="width:50px;height:50px;background: transparent url(sprite.png) 0px 0px no-repeat;">555</div>
<div style="width:50px;height:50px;background: transparent url(sprite.png) -56px 0px no-repeat;">666</div>
<div style="width:50px;height:50px;background: transparent url(sprite.png) -109px 0px no-repeat;">666</div>

Это собирается загрузить изображение 3 раза?

или оно собирается загрузить изображение 1 раз и показать его различные части на веб-странице?

Answer 1

Загружает изображение только 1 раз и отображает его часть в различных элементах:)

Это объяснено более подробно на Список Помимо статьи спрайтов .

Answer 2

браузеры должны загрузить его один раз, за ​​исключением того, что вы устанавливаете некрасивые вещи без кэширования заголовков

Answer 3

Он будет загружен один раз, если кеш не отключен, получите Firebug и просмотрите HTTP-запросы, и вы получите лучшее представление о том, что происходит при загрузке страницы.

Answer 4

Он будет загружен только один раз, не волнуйтесь.