Why background images are slow to display – and how to make them appear faster

CSS background images tend to be loaded and displayed later than images referenced in <img> elements. As a rule, they’re given lower priority by the browser, and the CSS has to finish loading before they can be discovered (making them invisible to the browser preloader).
Continue reading

Script-injected CSS will no longer block rendering in Chrome

Last week, we heard about a small but potentially important bug fix in Chrome (thanks for @smashingmag for Tweeting about it):


As you probably already know, browsers wait for CSS to load before starting to render a page. This is true for CSS referenced directly in the HTML, but what if a reference to a style sheet is added dynamically by JavaScript?
Continue reading