我正在尝试制作一个简单的 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 正文。
我错过了什么吗?有任何想法吗?
现在您只是预加载资源,但之后不会以任何方式使用它。
您仍然需要一个“普通”<link rel="styesheet" href="core.css">来实际将此样式表嵌入到文档中并应用它。