Comments on: Rendering styles http://www.phpied.com/rendering-styles/ Stoyan's blog about <a href="/category/xhtml" class="tag-minor">(x)html(5)</a>, <a href="/category/ajax" class="tag-major">ajax</a>, <a href="/category/bookmarklets" class="tag-major">bookmarklets</a>, <a href="/category/browsers" class="tag-minor">browsers</a>, <a href="/category/css" class="tag-normal">css</a>, <a href="/category/firebug" class="tag-minor">firebug</a>, <a href="/category/javascript" class="tag-numero-uno">javascript</a>, <a href="/category/json" class="tag-normal">json</a>, <a href="/category/mdb2" class="tag-minor">mdb2</a>, <a href="/category/mysql" class="tag-normal">mysql</a>, <a href="/category/pear" class="tag-numero-uno">pear</a>, <a href="/category/performance" class="tag-major">performance</a>, <a href="/category/php" class="tag-numero-uno">php</a>, <a href="/category/phpbb" class="tag-major">phpbb</a>, <a href="/category/tools" class="tag-normal">tools</a>, <a href="/category/yslow" class="tag-minor">yslow</a>, <a href="/category/yui" class="tag-normal">yui</a>, <a href="/category/writing" class="tag-minor">writing</a>, <a href="/category/music" class="tag-major">music</a>,... <a href="/category/life-and-everything" class="tag-normal">life and everything</a>. Fri, 10 Feb 2012 22:15:15 +0000 hourly 1 http://wordpress.org/?v=3.1 By: Nemo http://www.phpied.com/rendering-styles/#comment-74328 Nemo Sat, 30 Oct 2010 17:10:16 +0000 http://www.phpied.com/rendering-styles/#comment-74328 Stoyan, does this means that browsers won't download background images referenced in an external style sheet before a flush()? Said otherwise, does the technik you explain here: http://www.phpied.com/progressive-rendering-via-multiple-flushes/ applied to style sheets speeds up the download of background images? Stoyan,

does this means that browsers won’t download background images referenced in an external style sheet before a flush()?

Said otherwise, does the technik you explain here:

http://www.phpied.com/progressive-rendering-via-multiple-flushes/

applied to style sheets speeds up the download of background images?

]]> By: Image Optimization, Part 5: AlphaImageLoader » Yahoo! User Interface Blog http://www.phpied.com/rendering-styles/#comment-70048 Image Optimization, Part 5: AlphaImageLoader » Yahoo! User Interface Blog Mon, 08 Dec 2008 14:07:57 +0000 http://www.phpied.com/rendering-styles/#comment-70048 [...] way — since IE will not render anything until the very last bit of CSS comes down the wire (more info), and your because CSS has a dependency on a filtered image, the rendering is blocked until the [...] [...] way — since IE will not render anything until the very last bit of CSS comes down the wire (more info), and your because CSS has a dependency on a filtered image, the rendering is blocked until the [...]

]]> By: phpied.com » Blog Archive » Weird attempt for flicker-free rendering solution http://www.phpied.com/rendering-styles/#comment-60671 phpied.com » Blog Archive » Weird attempt for flicker-free rendering solution Sun, 24 Jun 2007 02:02:58 +0000 http://www.phpied.com/rendering-styles/#comment-60671 [...] Another idea - as shown in a previous post, the browsers (except Opera) won't show anything until the last bit of CSS is downloaded. So if you put you big-ass CSS file at the bottom of the page (which is exactly the opposite of what you should be doing when aiming at performance) you might also achieve the desired flicker-free rendering. Post this entry to: » del.icio.us  » Digg  » Furl  » Newsvine  » reddit  » Y! [...] [...] Another idea – as shown in a previous post, the browsers (except Opera) won’t show anything until the last bit of CSS is downloaded. So if you put you big-ass CSS file at the bottom of the page (which is exactly the opposite of what you should be doing when aiming at performance) you might also achieve the desired flicker-free rendering. Post this entry to: » del.icio.us  » Digg  » Furl  » Newsvine  » reddit  » Y! [...]

]]> By: Stoyan http://www.phpied.com/rendering-styles/#comment-60632 Stoyan Thu, 21 Jun 2007 23:32:18 +0000 http://www.phpied.com/rendering-styles/#comment-60632 Thanks Mytskine for the comment. You're right - Opera does render the page, then re-renders when the first css arrives, the does it again when the second css arrives. I tested again with the latest IE, FF and Safari (on Windows) - they all wait for all css files, before rendering. It makes sense in a way, because re-rendering the page can be expensive and doing it several times in one request is probably something browsers want to avoid. Thanks Mytskine for the comment. You’re right – Opera does render the page, then re-renders when the first css arrives, the does it again when the second css arrives.

I tested again with the latest IE, FF and Safari (on Windows) – they all wait for all css files, before rendering. It makes sense in a way, because re-rendering the page can be expensive and doing it several times in one request is probably something browsers want to avoid.

]]> By: Mytskine http://www.phpied.com/rendering-styles/#comment-60631 Mytskine Thu, 21 Jun 2007 23:23:00 +0000 http://www.phpied.com/rendering-styles/#comment-60631 This article always speaks about "the browser" but in the last paragraphs we learn that it's just FF and IE (which versions?). As far as I know, there are no recommandation of W3C on the subject, so each browser is free to act as it wants to. For instance, have a look at Opera8/9, it behaves differently. And Safari or konqueror or new versions of FF might be smart, too. This article always speaks about “the browser” but in the last paragraphs we learn that it’s just FF and IE (which versions?). As far as I know, there are no recommandation of W3C on the subject, so each browser is free to act as it wants to. For instance, have a look at Opera8/9, it behaves differently. And Safari or konqueror or new versions of FF might be smart, too.

]]> By: phpied.com » Blog Archive » Delay loading your print CSS http://www.phpied.com/rendering-styles/#comment-60374 phpied.com » Blog Archive » Delay loading your print CSS Mon, 18 Jun 2007 03:42:03 +0000 http://www.phpied.com/rendering-styles/#comment-60374 [...] The thing is, when it comes to performance, the browser won't render any part of the page, until all stylesheets are downloaded (fiddled with here). That includes, unfortunately, stylesheets not designed for the currently rendered media. In other words, the browser won't display your page, until the print stylesheet is also downloaded, although it's not used at all for displaying the page. That sucks and should really be addressed in future browser versions. [...] [...] The thing is, when it comes to performance, the browser won’t render any part of the page, until all stylesheets are downloaded (fiddled with here). That includes, unfortunately, stylesheets not designed for the currently rendered media. In other words, the browser won’t display your page, until the print stylesheet is also downloaded, although it’s not used at all for displaying the page. That sucks and should really be addressed in future browser versions. [...]

]]>