css - Google 字体阻止 css 资源

Question

当我测试我的网站时 https://www.groupe-cph.com在谷歌页面速度洞察中

它说我有 1 个阻塞的 css 资源

https://fonts.googleapis.com/css?family=Dancing+Script%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%2C900%2C900italic%7CLato%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%2C900%2C900italic%7CLato%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%2C900%2C900italic&subset=latin&ver=4.9.3

我正在使用 Autoptimize，我该如何解决？

Answer 1

如果您想在使用 Google 字体时摆脱阻塞的 CSS 资源，有一种方法可以使用 Autoptimize 来实现。

1. 在 Autoptimize 中，选择 Extra 选项卡，勾选 Remove Google Fonts。
2. 复制all content in Google Fonts link上面，粘贴到你的 style.css 文件。保存它。
3. 完成

优点:

• 您摆脱了阻塞的 CSS 资源。
• 您为访问者保存了 1 个请求。

缺点:

如果你想换一个谷歌字体，你必须再次执行上述所有步骤。