Я много слышал о важности использования спрайтов, чтобы вернуть ваш запрос. Но я считаю, что вместо использования спрайтов вы можете использовать URI для выполнения того же самого и намного проще (создание спрайтов не требуется).
Лучше ли использовать спрайты или ури?
Данные с кодировкой Base64 примерно на 1/3 больше, чем необработанные байты, поэтому на страницах, где загрузка всех данных изображения занимает более трех раз больше, чем запрос, CSS спрайты превосходят по производительности.
Кроме того, встроенные URI-данные делают сам файл занятым так же долго, как и фактические данные плюс изображения с кодировкой base64. Если URI данных находятся на вашей фактической странице HTML, это означает, что рендеринг останавливается и ждет загрузки изображения. Если URI данных находятся в вашей таблице стилей, это означает, что любые правила после того, как URI данных должны дождаться его, прежде чем они смогут быть обработаны. С другой стороны, с помощью спрайт файла изображения могут загружаться одновременно с вашими другими ресурсами. Это может стоить стоимость одного дополнительного запроса, особенно если вы учитываете штраф base64.
Я полагаю, что поддержка IE5, 6 и 7 была бы хорошей причиной для использования спрайтов над URI, если эти цели важны для вас.