使用Google字体传递google pagespeed

Question

使用Google字体时是否可以通过Google Pagespeed？我发现Google也推荐使用这种代码（https://github.com/typekit/webfontloader）。但是，即使我加载了此脚本，也无法通过google pagespeed。

Answer 1

WebfontLoader与显示交换不兼容。不确定这是否是很好的解决方案。

请确保通过显示=交换使用Google字体的最后一个网址

<!--old code-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!--new code-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

Google字体的另一个问题是，这使用了2个域。 https://fonts.googleapis.com和https://fonts.gstatic.com/

您应该在标题中使用dns预取和预连接：

<link rel="dns-prefetch" href="//fonts.googleapis.com">

和

<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>

也许，最好的解决方案是在服务器中下载字体。

[这是一篇法语文章，有关优化PageSpeed的字体：Optimiser les fonts pour accélérer son site