Load CSS asynchronously

Came across a short and clear article about loading CSS asynchronously to speed up page rendering.

Where: The Simplest Way to Load CSS Asynchronously by Scott Jehl on the Filament Group blog

What: Please read the whole thing because they give pros and cons of different methods and what those different methods are, but the short and sweet of it is:

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

Thoughts: I won’t use this for most of my WordPress websites, there are plugins who take care of the most important optimizations for me, but on sites I build from scratch, this is a very pretty thing.


Photo by Belinda Fewings on Unsplash

Leave a Comment