@sirus1 дек 2009 в 09:39

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

2 мин

1.5K

Клиентская оптимизация *

+32

Комментарии 27

@TecHMeaT 1 дек 2009 в 10:21

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

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

@inkover 1 дек 2009 в 10:44

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

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

@3ds 1 дек 2009 в 13:53

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

@inkover 2 дек 2009 в 06:20

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

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

НЛО прилетело и опубликовало эту надпись здесь

@sirus 1 дек 2009 в 11:10

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

@Dlussky 1 дек 2009 в 12:09

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

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

@sunnybear 1 дек 2009 в 12:11

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

НЛО прилетело и опубликовало эту надпись здесь

@sunnybear 1 дек 2009 в 12:47

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

НЛО прилетело и опубликовало эту надпись здесь

@sunnybear 1 дек 2009 в 12:55

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

НЛО прилетело и опубликовало эту надпись здесь

@sunnybear 1 дек 2009 в 13:04

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

НЛО прилетело и опубликовало эту надпись здесь

@sunnybear 1 дек 2009 в 13:10

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

НЛО прилетело и опубликовало эту надпись здесь

@sunnybear 1 дек 2009 в 13:19

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

@sirus 1 дек 2009 в 13:45

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

@sunnybear 1 дек 2009 в 13:59

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

@myem 1 дек 2009 в 12:38

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

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

@sunnybear 1 дек 2009 в 12:47

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

@benedikt 1 дек 2009 в 13:16

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