The Simplest Way to Load CSS Asynchronously

Scott Jehl:

One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. Thats because by default, browsers will load external CSS synchronouslyhalting all page rendering while the CSS is downloaded and parsedboth of which incur potential delays.

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

Don't just up and do this to all your stylesheets though, otherwise, you'll get a pretty nasty "Flash of Unstyled … Read article

The post The Simplest Way to Load CSS Asynchronously appeared first on CSS-Tricks.