scottjehl/eCSSential · GitHub


47 bookmarks. First posted by vasilis may 2012.


In order for a website to load cleanly, all CSS needed for rendering that page layout must be referenced in the head of a document. This is because stylesheets loaded in this way will block page rendering until they are loaded and ready to apply. //// Unfortunately, this limitation can make for a lot of overhead in responsive designs, particularly if a stylesheet contains a large amount of CSS for breakpoints that don't currently apply at a particular viewport size, or worse, CSS that won't ever apply on a particular device. /////
performance  responsive  css  from delicious
october 2013 by machal
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.
performance  javascript  css 
july 2012 by dailynerd
Making responsive CSS load the way it should.
responsive  css  javascript  development  tools 
june 2012 by niksy
Helps mobile versions load faster. Requires javascript
css  javascript  js  responsive  development  work 
june 2012 by gmcz
Something new called eCSSential, for making #responsive CSS load the way it should. Created by Scott Jehl.
webdesign  responsive  css  from delicious
june 2012 by veerlepieters
Making responsive CSS load the way it should.
performance  javascript 
june 2012 by since1976
Improve performance of heavy media queries by loading only the applicable CSS.
javascript  css  performance  optimization  media  responsive 
june 2012 by redoPop
An experiment in optimized loading of mobile-first responsive CSS.
github  web  dev  css  js  performance 
june 2012 by brendanf
Making responsive CSS load the way it should.
css  javascript  mediaqueries 
june 2012 by marb
A fantastic tool by @scottjehl: eCSSential for making responsive CSS load the way it should - https://t.co/lBHJF0zj (via @brad_frost)
twitter 
june 2012 by christianhanvey
A fantastic tool by : eCSSential for making responsive CSS load the way it should - (via )
from twitter_favs
june 2012 by yelwig
A fantastic tool by : eCSSential for making responsive CSS load the way it should - (via )
from twitter_favs
june 2012 by drouchy
A fantastic tool by : eCSSential for making responsive CSS load the way it should - (via )
from twitter_favs
june 2012 by davidhund
A fantastic tool by : eCSSential for making responsive CSS load the way it should - (via )
from twitter_favs
june 2012 by arek
An experiment in optimized loading of mobile-first responsive CSS.
js  javascript  rwd  css 
june 2012 by axelintu
And here's with eCSSential, a tool for making responsive CSS load the way it should. via
rwd  from twitter_favs
june 2012 by davidcmoulton
If that last link was depressing, here's an experiment to make CSS load as you'd expect: (code: )
from twitter_favs
june 2012 by Aulim
Loading responsive css dynamically
speed  optimization  css 
may 2012 by lesjames
@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 ...
ifttt  twitter-follow  read-later 
may 2012 by contents
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.
ifttt  Pinboard  (dailynerd)  from twitter_favs
may 2012 by vasilis