«Свежачок» по оптимизации — поведение браузеров при использовании Data:URI CSS Sprites

[TecHMeaT]

P.S.: Я рад, за стабильность моих приключений с IE, даже в 8-ой версии я частенько встречаю приятные сюрпризы, которые делают мою работу интереснее.

Да уж, иногда стабильнось вовсе не означает качество ))

[inkover]

fullajax.ru/temp/datauri/ravelrumba/test_header.htm

FF 3.5.5 eng @win7 — страница отобразилась сразу.

[3ds]

может быть у вас супербыстрый интернет? У меня FF 3.5.5 ru @win7 — около 10 сек. IDSL 256Kb

[inkover]

не особо быстрый. 1мбит. пинг 60 мс до москвы.

просто утверждается, что если в хеадере css-ка с sleep'ом, то страница вообще не отображается, пока не загрузится css-ка. вот это я опровергаю. страница показыавется сразу, а css-ные элементы с base64 изображениями показываются через 10 секунд.

[sirus]

в данной статье mhtml не рассматривался, поведение его идентично как data:uri в ИЕ8, тоже происходит заморозка, нужно использовать js-css мост, а для IE7@Vista вообще не использовать mhtml, посмотрите как происходит автосборка в duris.ru, там учтено это дело.

[Dlussky]

В DURIS было бы интересно увидеть возможность загрузки сайта не с урла, а из mht или специально подготовленного зипа. Ибо недоступный извне интранет, или просто закрытый ресурс он не возьмет. И если с закрытым ресурсом можно решить проблему созданием спец-урла только для сервиса, то специально выкладывать интранет на внешний хостинг довольно-таки влом)

З.Ы. Описанное в статье поведение Оперы — одна из главных причин ее популярности в СНГ со времен модемов)

[sunnybear]

Web Optimizer использует еще один подход (абсолютно соответствующий стандартам!). Глеб до него с переводами пока не добрался :)
blog.web-optimizer.us/2009/10/really-parallel-css-files-possible.html

[sunnybear]

«Настоящий» XHTML — это какой-то новый вид документа? )

[sunnybear]

можно обернуть через CDATA. Мне кажется, что такой «правильный» XHTML — тупиковая ветка стандартов, скоро отомрет. Будущее за HTML5.

[sunnybear]

я не стыжусь. Ибо другого «стандартного» способа здесь, по-видимому, нет

[sunnybear]

:) а Вы попробуйте. Заодно можно статью годовой давности почитать
webo.in/articles/habrahabr/64-css-to-post-load/

[sunnybear]

классно! значит, это отменяет никому ненужный document.write :)

[sirus]

да, это так называемый js-css мост

[sunnybear]

я не говорю, что это что-то «совсем» новое. Просто есть пара способов сделать его «стандартным» :)

[myem]

Хм, и при этом link внутри body совершенно не по стандартам. Из-за этой «тонкости» недавно поимел немало проблем, например, с Сафари.

Так что если к сайту выдвигается ещё и требование «максимальная кроссбраузерность, работоспособность после первой загрузки» (а не за счет уже подтянутых из кэша требуемых файлов) — стоит сильно подумать, нужно ли уходить от стандартов.

[sunnybear]

чуть выше мой комментарий )

[benedikt]

Необходимо css файл с data:uri еще и сжимать.
Я в одном проекте (www.autovesti.com.ua), где активно используется data:uri — сжал css файл размером 92кб до 23кб.
Также можно data:uri использовать не только в css файлах, но и при отображении мини картинок например.

[sirus]

верно, крайне рекомендуется сжимать data:uri css с помощью gzip

[b3nd3r]

А что за шрифт на скриншоте?

[stab]

en.wikipedia.org/wiki/Monaco_(font)

[tenshi]

> разделять файлы основных стилей и стилей с base64 изображениями (data:uri css)

за что боролись — на то и напоролись XDDD