链接样式表预加载与W3C验证

Question

我正在努力满足2个跳棋:W3C验证器和谷歌页面洞察力

Google Page Insight建议我异步加载所有阻止CSS文件.好吧,我已经用预加载的方式重写了样式表文件包含,如下所示,并从头部延迟到正文的末尾:

 ...
    <link rel="preload" href="mystyles.css" media="all" as="style" 
                     onload="this.rel='stylesheet'"/>
</body>

Google Page Insight迫使我从脑袋中取出它并将其放在身体末端.

好的,我可以对抗Google Page Insight.

但W3C Validator现在说我:

错误:链接元素不得显示为body元素的后代,除非link元素具有itemprop属性或具有rel属性,其值包含dns-prefetch,pingback,preconnect,prefetch,prerender或stylesheet

为什么"预加载"不被承认在rel属性中？我试图分配一个itemprop,但是不可能在同一个链接中有一个itemprop和一个rel.

Answer 1

这里是W3C HTML检查器(验证器)的维护者.原因只是一个检查错误.当我添加rel=preload对检查器的支持时,我忘了将它添加到rel检查器代码比较的值列表中,以确定是否link允许在正文中使用特定元素.

无论如何,我现在已将其修复为检查器源并将修复程序推送到https://validator.w3.org/nu/.

因此,检查器将不再报告上述代码段的错误.谢谢你抓住这个.