时间戳

首页 > 解决方案 > 未应用 Http/2 预加载的 css 并被视为未使用

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

问题描述

我正在尝试获取一个简单的 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>

核心.css

body {
    font-size: larger;
    font-weight: bold;
    color: red;
}

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

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

并且 css 不适用于 html 正文。

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

标签： htmlcsshttp2

解决方案

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

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

推荐阅读