


Проблема 1: долгая предзагрузка. CSS Sprites и data:URI, или Microsoft и весь остальной мир. Уменьшение количества запросов
mhtml
Проблема 1: долгая предзагрузка
Проблема 2: выключенный JavaScript
Проблема 3: Safari и window.onload
Проблема 4: Microsoft, IE7 и Windows Vista
В случае включения фоновых картинок прямо в CSS-файл последний заметно увеличивается в размере (даже при использовании gzip-сжатия). Это значительно увеличивает время предзагрузки (если фоновых картинок больше 10-15 Кб). И пользователь дольше видит белый экран. Опять все плохо. Как быть?
Возможным выходом из сложившейся ситуации может стать подключение CSS-файла с фоновыми картинками по комбинированному событию window.onload, что вынесет загрузка элементов дизайна в ту область, где она изначально находилась: на стадию полной загрузки страницы или даже в пост-загрузку. В данном случае мы получаем полную аналогию метода CSS Sprites только без заявленных выше неудобств.