title: Async or defer (or delay) CSS load
body: <p>I'm working on my site speed score and trying to improve my Pagespeed (Remove unused CSS report).</p>
  <p>First I have followed this page: <a href="https://www.filamentgroup.com/lab/load-css-simpler/" rel="nofollow noreferrer">load CSS simpler</a> and I have deferred the following way but page speed keeps alerting me that the <code>/css/second-style</code> CSS file is not deferred:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;/css/second-style.css&quot; media=&quot;print&quot; onload=&quot;this.media='all'&quot;&gt;
  </code></pre>
  <p>So, I have tried another way, using: <a href="https://github.com/filamentgroup/loadCSS" rel="nofollow noreferrer">loadCSS</a>, I have done it this way:</p>
  <pre><code>&lt;script src=&quot;loadCSS.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    loadCSS( &quot;/css/second-style.css&quot; );
  &lt;/script&gt;
  </code></pre>
  <p>I think the two ways of doing it are quite clear and simple, and they are supposed to work but page speed does not approve <code>/css/second-style.css</code>.</p>
  <p>Any idea if in 2021 it has to be done differently or what is my mistake?
  Is there another way to delay the CSS load?</p>