PageSpeed Insights consider CSS not deferred
Author: skcc75Created Dec 13, 2023Updated Jan 28, 2024
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.
Source: addyosmani/critical