PageSpeed Insights consider CSS not deferred

[kyrylkov]

Use

<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="styles.css"></noscript>

instead of

<link rel="stylesheet" crossorigin href="styles.css" media="print" onload="this.media='all'">

per Defer non-critical CSS https://web.dev/articles/defer-non-critical-css#optimize

Because PageSpeed Insights https://pagespeed.web.dev don't consider the latter being deferred.

[bezoerb]

you can configure inline-critical using options:

generate({
  ...
  inline: {
    strategy: 'swap
  }
});

or using the CLI:

critical my.url.com --inline-strategy=swap