html - 头部（重要css）块文本呈现的大内联样式

我在互联网上找不到任何理由。如果我将我的关键css（相当大）放在head标签上，那么它会阻止身体上的文本渲染。但是如果我把我的关键css放在body标签之后，那么文本就可以正确呈现。像这样：

正文中的文字不能立即呈现

<html>
    <head>
        <style>// My inline critical css (quite big) go here</style>
    </head>
    <body>
        // Some text here
        // Async styles
    </body>
</html>

正文中的文字可以立即呈现

<html>
    <head></head>
    <body>
        <style>// My inline critical css (quite big) go here</style>
        // *Some text here* could not be rendered immediately
        // Async styles
    </body>
</html>

头部有大内联风格的限制吗？

头部（重要css）块文本呈现的大内联样式

0 个答案: