Будущее. Автоматизация кроссбраузерного решения для data:URI. Уменьшение количества запросов
Что это
«Зачем это надо?»
IE и другие
Основные достоинства
Что имеем
Итого
Будущее
При появлении поддержки в IE8 data:URI (стоит все же помнить об ограничении в 32 Кб, http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx) схемы разработанный подход становится довольно перспективным, теперь все современные браузеры поддерживают такие спрайты.
Детально ознакомится с принципами генерации и подключения data:URI CSS-спрайтов можно в разделе FAQ (http://duris.ru/faq/). Если у вас возникли вопросы или предложения по работе сайта или алгоритма в целом, вы можете оставить свои пожелания на этом сайте в форме обратной связи.
Стоит также понимать, что наиболее эффективные методы клиентской оптимизации будут использовать комбинированные решения (как например, это реализовано в Web Optimizer). Часть фоновых изображений, которые сложно или нерационально «склеивать» в CSS Sprites и которые невелики по размеру, мы можем включить прямо в CSS-файл. Размер его при этом увеличится незначительно.
Большие же изображения (больше 24 Кб) мы не можем включать из принципов кроссбраузерности, они могут формировать CSS Sprites, чем не только уменьшать общее время загрузки, но и формировать наиболее оптимальную визуальную скорость загрузки сайта у конечного пользователя. При этом часть картинок (включенных через комбинированный data:URI) появится сразу же, а часть (включенных через CSS Sprites) – через некоторое время, так как они будут представлены отдельными файлами.