Non-critical CSS 尽管被推迟,但在 FCP 之前加载

Non-critical CSS is loaded before FCP despite being deferred

我有一个网站,我正在尝试推迟 non-critical 样式表的加载。

根据各种在线建议,我正在使用以下行来实现此目的:

<link rel="stylesheet" href="non-critical.css" media="print" onload="this.media='all'">

当我在 <header> 的末尾添加它并通过 Lighthouse 查看结果时,尽管 various articles 声明不应该,样式表始终在 FCP(First Contentful Paint)之前加载就是这样。

如果我尝试在我的部分末尾插入同一行,我会得到“预期”结果,因为我的 CSS 在 FCP 之后加载。但是,我的理解是这种形式的插入是无效的。

我的 css 插入是否需要以某种方式修改才能在 header 中插入时正常工作?

FCP与onload事件不一样。在 header 图片加载缓慢的情况下,FCP 可能在 onload 事件之后。将此 CSS 文件移动到页脚如何?