scottjehl/eCSSential · GitHub http://t.co/eVdhbYyff3

An experiment in optimized loading of mobile-first responsive CSS. An experiment in optimized loading of mobile-first responsive CSS.

Optimize CSS loading

Browsers do download CSS files with mediaqueries that don't match and that is, sometimes, an unnecessary performance issue. <b>Scott Jehl</b> wrote this script that solves this issue by only loading the CSS files if the media query matches. If you really, really need this you might want to use this, but I do think there are some drawbacks to it (even though <b>Scott</b> doesn't mention any): you create a JavaScript dependency for layout, and you have to use <code>noscript</code> as a fallback, even though there are use cases where both the script and the noscript will be ignored. And then there's also <a href="http://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/">this article about CSS performance myths</a> which explains that this might not be as big an issue as one might think.

Making responsive CSS load the way it should.

Helps mobile versions load faster. Requires javascript

Something new called eCSSential, for making #responsive CSS load the way it should. https://t.co/6drT0qwl

/via @brad_frost

Something new called eCSSential, for making #responsive CSS load the way it should. Created by Scott Jehl.

Making responsive CSS load the way it should.

Improve performance of heavy media queries by loading only the applicable CSS.

An experiment in optimized loading of mobile-first responsive CSS.

Making responsive CSS load the way it should.

A fantastic tool by @scottjehl: eCSSential for making responsive CSS load the way it should - (via @brad_frost)

A fantastic tool by @scottjehl: eCSSential for making responsive CSS load the way it should - (via @brad_frost)

A fantastic tool by @scottjehl: eCSSential for making responsive CSS load the way it should - (via @brad_frost)

A fantastic tool by @scottjehl: eCSSential for making responsive CSS load the way it should - (via @brad_frost)

An experiment in optimized loading of mobile-first responsive CSS.

And here's @scottjehl with eCSSential, a tool for making responsive CSS load the way it should. via @pkattera #rwd

If that last link was depressing, here's an experiment to make CSS load as you'd expect: (code: )

Loading responsive css dynamically

@Daniel: RT @brad_frost: And here's @scottjehl with eCSSential, a tool for making responsive CSS load the way it should. https://t.co/TZdFhTVY vi ...

Browsers do download CSS files with mediaqueries that don't match and that is, sometimes, an unnecessary performance issue. Scott Jehl wrote this script that solves this issue by only loading the CSS files if the media query matches. If you really, really need this you might want to use this, but I do think there are some drawbacks to it (even though Scott doesn't mention any): you create a JavaScript dependency for layout, and you have to use noscript as a fallback, even though there are use cases where both the script and the noscript will be ignored. And then there's also this article about CSS performance myths which explains that this might not be as big an issue as one might think.