думаю, как раз таки при первом заходе, выигрыш от data:URI который уменьшает кол-во конектов == ускоряет отображение сайта, может более ощутим чем проигрыш в прорисовке.
Само собой data:URI немного медленнее, ведь надо произвести декодирование изображения из base64, но это не критично. Плюс опыт применения в реальном проекте показывает огромное преимущество автоматической сборки спрайтов и при этом на клиенте все работает шустро без каких-либо отличительных тормозов по сравнению без data:URI.
Но все же это не панецея относительно применения или НЕ применения. Надо исходить из конкретных решаемых задач, что выгоднее и оптимальнее для достижения поставленной цели.
На счет в 10х — мои тесты показывают
FF
фоновые картинки — 20
фоновые картинки в data:URI — 100
это в миллисекундах, я не думаю что юзер отличает такие временные интервалы, что 10, что 20, что 100 для человека это практически одинаково. Надо смотреть на производительность в комплексе.
Автору спасибо за поднятие проблемы, осведомлен == вооружен.
1) + gzip ~= как обычный размер изображений
2) вот как раз таки и нет, это зависит от реализации, duris.ru автоматически вычисляет дубли и оптимизирует стили к одному изображению, т.е. повторений нет
3) решаются, кроме IE7@Vista
пользуйтесь на здоровье стандартными спрайтами, я не против
интересное решение, но кажется довольно сложным, наверно будет куча подводных камней, да и что делать с Хромом и ИЕ, проще переопределить document.write, будет кроссбраузерно
да, но почему тогда они поднимают эти вопросы? к примеру тот же Steve Sounders, + www.aptimize.com/ использует data:uri, правда у них реализация кривая
думаете мне они нравятся? :) сам в шоке, взяли и испортили такую сказочную технику, это я про ИЕ. Ну они не только это испортили… хотя они многое и придумали. Такова ситуация, ничего не поделать.
В добавок, лично я разрабатываю проекты только JS enabled (сложные одностраничные веб-приложения), так что лично для меня это не помеха, уверен есть много других разработчиков кому пригодится data:uri css sprites.
Но все же это не панецея относительно применения или НЕ применения. Надо исходить из конкретных решаемых задач, что выгоднее и оптимальнее для достижения поставленной цели.
На счет в 10х — мои тесты показывают
FF
фоновые картинки — 20
фоновые картинки в data:URI — 100
это в миллисекундах, я не думаю что юзер отличает такие временные интервалы, что 10, что 20, что 100 для человека это практически одинаково. Надо смотреть на производительность в комплексе.
Автору спасибо за поднятие проблемы, осведомлен == вооружен.
2) вот как раз таки и нет, это зависит от реализации, duris.ru автоматически вычисляет дубли и оптимизирует стили к одному изображению, т.е. повторений нет
3) решаются, кроме IE7@Vista
пользуйтесь на здоровье стандартными спрайтами, я не против
В добавок, лично я разрабатываю проекты только JS enabled (сложные одностраничные веб-приложения), так что лично для меня это не помеха, уверен есть много других разработчиков кому пригодится data:uri css sprites.