Implement Asynchronous CSS about theme-scaffold HOT 8 OPEN

Should we include a fallback when JS is disabled? With this approach, CSS will not load if JS is disabled. So something like this?

<link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'">

<noscript>
  <link rel="stylesheet" href="/path/to/my.css" media="screen">
</noscript>

from theme-scaffold.

@jeffpaul yes sir - we'll get something up tomorrow!

from theme-scaffold.

Plus one from me. I have also used this technique myself.

from theme-scaffold.

@dainemawer I haven't done this personally but it sounds like a good strategy.

from theme-scaffold.

@dainemawer I think it is a good idea for a feature to include. I wonder if there are any issues going forward with the lock-in associated with it? Probably a bigger discussion of critical CSS.

from theme-scaffold.

@smy315 yup I like that idea!

from theme-scaffold.

@dainemawer want to work up a PR for this?

from theme-scaffold.

@jeffpaul looks like I don't have write access to the repo - could you update my permissions?

from theme-scaffold.