未应用 Http/2 预加载的 css 并视为未使用

Rob*_*ert 5 html css http2

我正在尝试制作一个简单的 http/2 服务器推送演示,以使用以下简单的 hello world 示例:

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Http 2 push demo</title>
    <link rel="preload" href="core.css" as="style">
</head>
<body>
 Hello World!
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

核心文件

body {
    font-size: larger;
    font-weight: bold;
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

在 Chrome 66.0.x 中,css 似乎已成功加载,但我不断收到以下警告:

资源http://localhost:8080/core.css是使用链接预加载预加载的,但在窗口加载事件的几秒钟内未使用。请确保它 请确保它具有适当的as值并且是有意预加载的。

并且 css 不适用于 html 正文。

我错过了什么吗?有任何想法吗?

CBr*_*roe 5

现在您只是预加载资源,但之后不会以任何方式使用它。

您仍然需要一个“普通”<link rel="styesheet" href="core.css">来实际将此样式表嵌入到文档中并应用它。