谷歌字体使页面加载在中国很慢

Posted

技术标签:

【中文标题】谷歌字体使页面加载在中国很慢【英文标题】:google font make page load very slow in china 【发布时间】:2014-10-29 21:50:54 【问题描述】:

我在我的网站上使用谷歌字体。中国的一些客户说网站加载很慢。我检查了它,它是由谷歌字体引起的。我查看了谷歌字体常见问题,他们说它会在加载网站之前将字体文件下载到客户的计算机上。有没有办法解决这个加载缓慢的问题?

【问题讨论】:

您能否编辑您的问题以提供有关如何包含字体的具体代码?您是否使用了“快速使用”选项?您能否发布一个network timeline,显示为您的页面获取资源的具体顺序和延迟? 【参考方案1】:

这是一个已知问题...Google 字体在中国加载缓慢。以前您可以通过奇虎 360 在中国的 CDN 服务器提供字体镜像。但是,截至 2016 年 8 月,该问题已得到修复。与此同时,奇虎 360 已停止 fonts.useso.com,并且 fonts.useso.com 下托管的所有镜像字体现已停止工作。详细描述here。

Google 已修复 Google Fonts,现在直接提供 css 和 来自谷歌北京服务器的字体文件,这意味着谷歌字体 现在对中国用户来说更加稳定和快速。

我推荐所有一直在使用 fonts.useso.com 切换的站长 尽快回到原来的谷歌字体。

【讨论】:

截至 2018 年 8 月,fonts.googleapis.com 域在中国似乎非常不可靠。我经常使用这个超时,所以仍然需要本地托管等替代方案【参考方案2】:

我想出了一个办法来解决它。我没有用链接标签加载它,而是改为用javascript加载字体并异步加载,现在很好。更快

【讨论】:

你能把你是怎么做到的吗?

以上是关于谷歌字体使页面加载在中国很慢的主要内容,如果未能解决你的问题,请参考以下文章

页面加载后动态加载谷歌字体

如何处理前端页面首次加载慢的问题

在渲染网页之前等待字体加载

为啥页面加载总是很慢?有啥办法可以解决?

如何让jquery在页面没加载完就可以执行,每次要等到整个hmtl加载完才可以执行jquery,这样很慢

动态加载字体