【发布时间】：2021-10-16 14:20:29
【问题描述】：
这是灯塔中错误的样子
<link rel="stylesheet" href="css/libs.min.css">
<link rel="stylesheet" href="css/style.min.css">
这是我连接样式文件的方法
我该如何解决这个问题？谢谢！
【问题讨论】：
标签： html css lighthouse
【发布时间】：2021-10-16 14:20:29
【问题描述】：
按照灯塔中的建议，使用preload 属性来加载您的页面将首先加载的资源。获取字体会消耗一些时间，因此最好告诉浏览器您的页面在渲染时将更快地需要这些字体/样式。
你可以通过preload属性告诉浏览器：
预加载：
<link rel="preload" href="css/libs.min.css" as="style">
<link rel="preload" href="css/style.min.css" as="style">
然后使用样式：
<link rel="stylesheet" href="css/libs.min.css">
<link rel="stylesheet" href="css/style.min.css">
更多详情请咨询https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload
【讨论】：
-
我试着这样写，但后来由于某种原因我完全停止了网站上的工作风格......
-
您正在使用哪个浏览器？您能否提供一个工作示例，以便我们尝试重现它。
-
现在我使用了预加载，样式可以工作，但是如果你为手机运行“灯塔”，仍然会出现这个错误。
<link rel="preload" href="/css/style.min.css" onload="this.rel='stylesheet'" as="style">“预加载密钥请求”1.81 秒 -
我在github上有这个网站，如果不难的话你可以帮我...github.com/qmorozov/Cucina-Preferita