Html 谷歌';当我按照谷歌字体常见问题解答的说明操作时,PageSpeed Insights会抱怨。我应该跟着哪个?

Html 谷歌';当我按照谷歌字体常见问题解答的说明操作时,PageSpeed Insights会抱怨。我应该跟着哪个?,html,css,webfonts,pagespeed,Html,Css,Webfonts,Pagespeed,如果我在我的网站上运行Google的PageSpeed工具,它会抱怨我阻塞了CSS资源(这是真的,我理解)。问题是它抱怨的是一种谷歌字体,我按照他们常见问题解答上的说明使用这种字体 具体而言: 我应该在自己网站的服务器上托管字体吗 我们建议复制“嵌入”选项卡下可用的代码段 在选择抽屉中直接插入网站的HTML和CSS 这就是我正在做的——但这也会在PageSpeed上产生警告。具体来说,我在我的头标签中有这个(按照嵌入标签的说明): 我可以下载该字体并很容易地将其捆绑(如果这有什么不同的话,我

如果我在我的网站上运行Google的PageSpeed工具,它会抱怨我阻塞了CSS资源(这是真的,我理解)。问题是它抱怨的是一种谷歌字体,我按照他们常见问题解答上的说明使用这种字体

具体而言:

我应该在自己网站的服务器上托管字体吗

我们建议复制“嵌入”选项卡下可用的代码段 在选择抽屉中直接插入网站的HTML和CSS

这就是我正在做的——但这也会在PageSpeed上产生警告。具体来说,我在我的
标签中有这个(按照嵌入标签的说明):


我可以下载该字体并很容易地将其捆绑(如果这有什么不同的话,我使用Angular CLI)。我想这会消除PageSpeed上的警告,但是(我假设)我的页面实际上效率会降低,因为我不会使用Google的CDN作为字体,也不会从浏览器缓存中获益


我应该使用哪种模式?有没有一种好方法可以在不降低PageSpeed排名的情况下利用CDN for CSS?(我之所以在意,是因为我知道这会影响谷歌的搜索排名,否则我就不做了)。

我也在这里做研究,这对我来说是全新的。像谷歌这样的网站通常有比你更好的服务器do@YuriRamos我知道——这就是为什么我宁愿保持原样,但这样我就会在他们的搜索结果中降级。
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">