如果在头部使用关键CSS，将样式表放在关闭body标签之前是否有效？

我必须遵循Google的建议，首先在标题中内联关键CSS，然后加载其他样式。有些文章建议在JS的帮助下异步加载其他样式。但是，我想知道我是否可以在关闭body标签之前简单地放置它们。是否会对渲染产生负面影响（考虑到上面的折叠样式已经加载）？如果在头部使用关键CSS，将样式表放在关闭body标签之前是否有效？

<html> 
    <head> 
    <style> 
     <!-- Critical CSS goes here to display what's above the fold --> 
    </style> 
    </head> 
    <body> 
    ... 
    <link rel="stylesheet" ... > 
    </body> 
</html>

来源

2016-11-30 sdvnksv

是的，没关系。 – Troyer

这是无效的。如果是“好”，则是意见。 – Quentin

@Quentin，W3C验证没有报告任何错误。它破坏了什么规则？ – sdvnksv

在HTML5.0的<link>元件只允许在<head>：

如果使用rel属性，元件被限制在头部元件。

（还要注意上一行：“链接元素必须有rel属性”）

但HTML5.2 working draft放宽这一要求：

关键词是身体好的影响是否链接元素被允许在主体中。本规范定义的body-ok关键字是预取和样式表。

来源

2016-11-30 16:24:24

HTML 5.0自10月份以来一直死亡，请不要链接到它。 WHATWG规范今年已经被修改，以便允许这种渲染优化：https：//github.com/whatwg/html/pull/616。最新的W3C规范似乎已经引入了这一变化（https://www.w3.org/TR/html52/links.html#body-ok）。所以这个限制现在只是历史。 –

@IlyaStreltsyn你是对的;我会纠正这个答案。谢谢。 –

如果在头部使用关键CSS，将样式表放在关闭body标签之前是否有效？

回答

相关问题