小编Ger*_*ert的帖子

您应该将预连接与样式表一起使用吗?

当您想要包含 Google Fonts 中的字体时,它建议 ([1]) 您这样做:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap">
Run Code Online (Sandbox Code Playgroud)

预连接到fonts.gstatic.com是有意义的,因为浏览器只有在下载样式表后才会发现该域。但是,当样式表的链接就在fonts.googleapis.com之后时,预连接到 fonts.googleapis.com 的意义何在?浏览器不会同时处理这两个吗?


[1] 请参阅: https: //fonts.google.com/share?selection.family =Roboto,选择某种样式,然后单击右上角的公文包图标。)

Google Fonts Roboto 页面已打开所选字体和右侧“使用”窗格。 有类似于上面代码片段的 HTML 代码,其中有两个预连接和一个样式表链接

html css pagespeed preconnect

8
推荐指数
1
解决办法
1938
查看次数

标签 统计

css ×1

html ×1

pagespeed ×1

preconnect ×1