Comments on: CSS Images and Data URIs http://www.ravelrumba.com/blog/css-images-and-data-uris/ web design & web development Tue, 27 Jul 2010 00:01:26 +0000 hourly 1 http://wordpress.org/?v=8207 By: Ottimizzazione di un sito web [parte I] http://www.ravelrumba.com/blog/css-images-and-data-uris/comment-page-1/#comment-537 Ottimizzazione di un sito web [parte I] Mon, 05 Apr 2010 14:52:46 +0000 http://www.ravelrumba.com/?p=265#comment-537 [...] tal proposito ho trovato un’altro interessante articolo "CSS Images and Data URIs" di ravelrumba dove viene dimostrato che invece i tempi di download e rendering dei browser [...] [...] tal proposito ho trovato un’altro interessante articolo "CSS Images and Data URIs" di ravelrumba dove viene dimostrato che invece i tempi di download e rendering dei browser [...]

]]> By: Ottimizzazione di un sito web [parte I] - AlterVista | Spazio web gratis, hosting free php mysql http://www.ravelrumba.com/blog/css-images-and-data-uris/comment-page-1/#comment-536 Ottimizzazione di un sito web [parte I] - AlterVista | Spazio web gratis, hosting free php mysql Mon, 05 Apr 2010 12:13:58 +0000 http://www.ravelrumba.com/?p=265#comment-536 [...] [...] [...] [...]

]]> By: Rob Flaherty http://www.ravelrumba.com/blog/css-images-and-data-uris/comment-page-1/#comment-134 Rob Flaherty Sun, 20 Dec 2009 15:41:08 +0000 http://www.ravelrumba.com/?p=265#comment-134 @Andrey You're correct. The HTML 4 spec says "Unlike A, it may only appear in the HEAD section of a document, although it may appear any number of times." I'm not suggesting that people go against the standard, I'm just experimenting with different page conditions to see how the browsers react. =) @Andrey
You’re correct. The HTML 4 spec says “Unlike A, it may only appear in the HEAD section of a document, although it may appear any number of times.” I’m not suggesting that people go against the standard, I’m just experimenting with different page conditions to see how the browsers react. =)

]]> By: Andrey http://www.ravelrumba.com/blog/css-images-and-data-uris/comment-page-1/#comment-131 Andrey Sun, 20 Dec 2009 09:25:20 +0000 http://www.ravelrumba.com/?p=265#comment-131 Does the placing stylesheet link in the footer is standard compliant? Maybe I'm wrong, but i don't think so. Does the placing stylesheet link in the footer is standard compliant? Maybe I’m wrong, but i don’t think so.

]]> By: Ruslan http://www.ravelrumba.com/blog/css-images-and-data-uris/comment-page-1/#comment-21 Ruslan Tue, 01 Dec 2009 08:39:58 +0000 http://www.ravelrumba.com/?p=265#comment-21 Ok, I made few test of your page, and received new interesting results. I made timeout for response of data-uri.css. I put general styles.css and data-uri.css in HEAD. http://fullajax.ru/temp/datauri/ravelrumba/test_header.htm Browsers Chrome 3.0.195.33, FF 3.5.5, IE 8.0.6001 and Safari 4.0.3 not renders a page while download of data-uri.css in process. But, Opera 9.62 renders a page immediately without waiting for end of download data-uri.css. Next, I put general styles.css in HEAD and data-uri.css put in FOOTER (end of ). http://fullajax.ru/temp/datauri/ravelrumba/test_footer.htm Browsers Chrome 3.0.195.33, FF 3.5.5, Opera 9.62 and Safari 4.0.3 renders a page immediately without waiting for end of download data-uri.css. But, IE 8.0.6001 still not renders a page while download of data-uri.css in process. Conclusions: If your use data:uri css sprites allways put data-uri.css in footer, and need make "antifreeze" link for IE. In the near future I'll make update online tool (duris.ru) in accordance with new results. Thank you for the identification of problematic issues. Ok, I made few test of your page, and received new interesting results. I made timeout for response of data-uri.css.

I put general styles.css and data-uri.css in HEAD.
http://fullajax.ru/temp/datauri/ravelrumba/test_header.htm

Browsers Chrome 3.0.195.33, FF 3.5.5, IE 8.0.6001 and Safari 4.0.3 not renders a page while download of data-uri.css in process. But, Opera 9.62 renders a page immediately without waiting for end of download data-uri.css.

Next, I put general styles.css in HEAD and data-uri.css put in FOOTER (end of ).
http://fullajax.ru/temp/datauri/ravelrumba/test_footer.htm

Browsers Chrome 3.0.195.33, FF 3.5.5, Opera 9.62 and Safari 4.0.3 renders a page immediately without waiting for end of download data-uri.css. But, IE 8.0.6001 still not renders a page while download of data-uri.css in process.

Conclusions:
If your use data:uri css sprites allways put data-uri.css in footer, and need make “antifreeze” link for IE. In the near future I’ll make update online tool (duris.ru) in accordance with new results.

Thank you for the identification of problematic issues.

]]>