解决因为Google Fonts导致网站速度问题的解决方法

Posted by zhang on

由于众所周知的原因,天朝发威,谷歌的一系列网站被彻底墙,这其中就包括了Google Fonts 所在的googleapis.com 。如果你要是问我Google Fonts是什么,我想说的是你不适合看这篇文章。

如果你的网站在调用Google Fonts 来让你的网站变得更加好看,那么你会发现现在你的网站打开的速度非常非常的慢……因为压根儿加载不了这个字体文件。就比如我现在在用的这个模板,就出现了这个问题,前段时间,同学@ishell.me 给我提出了这个问题,但是忙着考试还有回家,再加上学校蒸笼一样的寝室,因没心情处理这个问题。最近,在家里吹着空调,打开电脑,看着比笔记本屏幕大好多的显示器,我决定解决一下这个问题(主要是不能忍受网站打开速度太慢 ⊙?⊙b汗)。

我一直以来都是觉得,问题既然出了,就要想办法解决。对于Google Fonts 的这个问题,一是砸烂天朝的互联网城墙,这显然是不切实际的(⊙?⊙b),二是移民(不要拿板砖拍我啊……),三是禁止加载相应的Google Fonts ,四是替换加载源。

禁止加载相应的Google Fonts,好说,在你的网站源码中,翻箱倒柜找到类似

<link href=’http://fonts.lug.ustc.edu.cn/css?family=Open+Sans:300,400,600&subset=latin,latin-ext’ rel=’stylesheet’>

删掉就好了,但是这样的话,你就要忍受系统默认字体带来的视觉上的“忍受”了。

第四种方法呢,似乎会更好些。

在你的网站中找到相应代码,将

fonts.googleapis.com

替换成

fonts.useso.com

这里fonts.useso.com采用的是360推出的常用前端公共库CDN服务,虽然对数字这家公司的软件不感兴趣,但是不得不说这个CDN服务还是很不错的。

这个服务提供了常用的JavaScript前端库、Google提供的前端公共库了、Google提供的免费字体库的替代方案。速度还是非常不错的。地址是http://libs.useso.com/

另外,渣浪、百度、又拍云、Staticfile.org也提供了类似的公共CDN前端库,大家可以根据自己的需要来选取相应的前端库。

#About Me

张小璋,野蛮生长成世界500强企业供应链金融产品经理的法语毕业生。微信公众号:张小璋碎碎念(ID: SylvainZhang )。
一直在互联网金融公司从事产品经理工作并负责互联网金融产品线,深耕互联网金融和区块链领域。「PMCAFF」、「人人都是产品经理」专栏作家、「PmTalk」签约作家。

2 Comments

Comments are closed.