Много запросов к одному графическому файлу, на который ссылается CSS

Question

Я создал CSS-файл спрайта для уменьшения количества запросов к серверу.

Но когда страница загружена, я вижу в Firebug множество запросов GET к одному и тому же файлу изображения (в соответствии с количеством правил CSS, примененных к этой картинке).

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

Так что мне интересно, это нормально?

PS Я использую веб-приложение Java и контейнер Tomcat.Ресурсы изображений извлекаются из сервлета по умолчанию, поэтому установлены соответствующие заголовки LastModified

Answer 1

Если вы имеете в виду спрайт изображения, я предлагаю вам определить его только один раз в CSS внутри класса, а затем использовать только свойство background-position.

Пример CSS:

.spriteImg {
    background-image: url('../images/spite.png');
}
.headerTile {
    background-position: 0 0;
    background-repeat: repeat-x;
}

Пример HTML:

<div id="header" class="spriteImg headerTile"></div>

Вот еще один пример: http://css -tricks.com / css-sprites /

Answer 2

Да, похоже проблема Firefox 3.5. Вот аналогичный случай

Спасибо всем за участие

Answer 3

возможно ли, что у вас отключен кеш браузера? в firefox введите about: config и убедитесь, что кеш включен.

Answer 4

Источник: YSlow аддон для firebug

Попробуйте настроить ET-теги возможно?

Доброжелательность,

Dan