【问题标题】:Google PageSpeed Insights Claims I'm Loading Font Not Used by Website [duplicate]Google PageSpeed Insights声称我正在加载网站未使用的字体[重复]
【发布时间】:2016-07-17 12:01:32
【问题描述】:

过去几天我一直在优化我们网站的 CSS 和 Javascript 交付。我们将其改进为 86,但在使用 Google 字体时遇到了问题。 PageSpeed 洞察力声称我们正在加载一种名为 Roboto 的字体。我可以在我们的整个编码目录中查找全部,并且没有提到“Roboto”这个词。我们没有使用字体。

我们的“考虑修复”部分如下:

消除中的渲染阻塞 JavaScript 和 CSS 首屏内容 您的页面有 1 个阻止脚本资源和 3 个 阻止 CSS 资源。这会导致呈现页面的延迟。 您页面上的任何首屏内容都无法呈现 无需等待以下资源加载。尝试推迟或 异步加载阻塞资源,或内联关键资源 这些资源的一部分直接在 HTML 中。

优化以下 CSS 交付:

我尝试了不同的 Lato 加载技术(导入、通过 javascript 文件异步加载),但通过标题中的链接加载是最快的方法,快了 10 分。我担心 Roboto 可能会影响我们的分数,并且会以某种方式降低我们的网站速度。

知道为什么 PageInsights 说它正在加载吗?如果它以某种方式被加载,我该如何追踪该代码?

编辑:这是该网站的链接 http://www.triphappy.com/

【问题讨论】:

  • @Paulie_D - 感谢您的建议。我编辑了我的问题以添加链接。

标签: css ruby-on-rails fonts


【解决方案1】:

说真的,<head> 标记中的第一行是....

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">

【讨论】:

  • 你在哪里看到的?我的源代码截图:i.imgur.com/RxkOTzJ.png
  • 添加了图片...也许您有一个插件或小部件通过 JS 添加链接和其他样式?
  • 有趣的是,你有我没有的字体和 4 个样式标签的链接。看来这是一种自动加载的字体谷歌地图,其他人也有问题:stackoverflow.com/questions/25523806/…我想知道为什么它没有出现在我的源代码中?无论如何,感谢您的帮助,我很高兴它不像我最初想象的那么愚蠢。
  • 我在 PageSpeed 中遇到了同样的问题。奇怪的是,它被注册为阻塞 css,当在 header 中设置该块的 js 文件是异步的时......
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-23
  • 2022-11-25
  • 1970-01-01
  • 1970-01-01
  • 2020-12-07
  • 2021-11-22
相关资源
最近更新 更多