google字库导致hexo modernist首页加载变慢

这几天不停地调试折腾hexo，发现页面偶尔加载巨慢，用HttpWatch监控了下。

google-fonts-time-consuming

找到了这句：

https://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic,400,700

引起请求如下结构的地址，耗时巨大：

https://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaGfQcKutQXcIrRfyR5jdjY8.eot
https://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwbFt29aCHKT7otDW9l62Aag.eot
https://themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBh-wmSPr9kS5896SxSvC1lIsK_unZDHWqTBg.eot
https://themes.googleusercontent.com/static/fonts/droidserif/v3/c92rD_x0V1LslSFt3-QEptmkQI_kos-lIOeNt19QAas.eot

查了一下，是css引入的，在hexo\themes\modernist\source\css\_base\variable.styl中，注释掉这句：

//@import url("https://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic,400,700")

之后页面会直接加载网站下的：

http://ibruce.info/css/fonts/fontawesome-webfont.eot?

再次HttpWatch监控，速度很明显上来了，基本秒开。观察几天，如果再慢就把全部字库弄到七牛去。

查了下，有其他人也遇到类似的问题，Google字体库引起的首页加载缓慢的解决方法。

评论