post

Google字体库引起的首页加载缓慢的解决方法

今天看到博友-小思设计(http://52think.me/)的一条评论说是我的博客看不到文字,当时还纳闷,我天天访问也没发现这个问题啊(公司电脑配了google服务的host,访问都正常);

下午出去逛超市,回来上网,浏览博客的时候,首页加载很慢,广告和图片都显示了,就是没有文字,用Chrome 浏览器调试一下发现了问题,载入 themes.googleusercontent.com 站点的资源很慢,竟然达到了26秒,效果见下图;

Google字体库引起的首页加载缓慢问题

在网页源码中丝毫找不到这个域名的影子,后来查看css文件才看到,头部文件导入了Google字体库,而正是因为这个字体库会载入 themes.googleusercontent.com 的资源,所以才导致访问很慢;(我也不记得是不是自己加的代码了)

知道原因后,问题就好解决了,删除或注释掉 font.googleapis.com 的那条css就可以了,注释方法如下图;

Google字体库引起的首页加载缓慢问题

上述方法最简单方便,如果非要用这个字体库的话,在css文件中加入如下css样式也可以,这个方法是将web字体格式化。

@font-face {
font-family: 'Miltonian';
font-style: normal;
font-weight: 400;
src: local('Miltonian'), local('Miltonian-Regular'), url(http://themes.googleusercontent.com/static/fonts/miltonian/v5/DVUl6K_XDo9HSLlx2JoxNT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/SHIcXhdd5RknatSgOzyEkA.woff) format('woff');
}

p.s.Google在中国真的太悲剧了,但是又离不开它。

Comments

  1. 今天Google又受到攻击了 后台也是卡在” themes.googleusercontent.com “这里,整个后台白茫茫的就是见图不见字!

  2. 今天Google又受到攻击了 后台也是卡在” themes.googleusercontent.com “这里,整个后台白茫茫的就是见图不见字!

  3. 在新加坡建了一个加速代理 https://fengmk2.com/blog/2016/google-fonts-mirror

Speak Your Mind

*

· 6,961 次浏览