Google字体加载优化和缓存

stk*_*flw 5 html fonts pagespeed google-font-api google-fonts

Google的页面速度测试仅显示一个问题:

在上层内容中消除渲染阻止JavaScript和CSS您的页面有1个阻止CSS资源.这会导致呈现页面的延迟.
在不等待加载以下资源的情况下,无法呈现页面上的上述内容.尝试推迟或异步加载阻止资源,或直接在HTML中内联这些资源的关键部分.
优化以下内容的CSS交付:https://fonts.googleapis.com/css?family = Roboto:
300,400

作为fonts.google.com建议加载的字体:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

<head />标签内.

据我所知,没有办法控制谷歌的字体缓存,而且这个网址的输出依赖于用户代理,所以在本地分发字体是没有意义的.所以,问题是:我该怎么办呢?我如何满足谷歌的速度测试?

vij*_*ode 0

我想异步加载字体可以解决这个问题。我发现一篇有趣的文章,也许它可以帮助你异步加载字体