这几天微饭君在修改一个新主题,进行到优化项的时候发现hade部分加载了一个谷歌字体,费了一番功夫发现居然来自于框架里面...
定位问题
检查网页源码发现head区域除了本地内容的JS和CSS外还有段Google fonts引用。
<link rel='stylesheet' id='redux-google-fonts' href='http://fonts.googleapis.com/css?family=Roboto%3A100%2C300%2C400%2C500%2C700%2C900%2C100italic%2C300italic%2C400italic%2C500italic%2C700italic%2C900italic&ver=1602256932' type='text/css' media='all' />
判断问题
检查了主题文件的functions.php及header.php文件皆未发现该段代码,判断应该为其他文件引用。
通过id里面的关键词:redux发现是主题使用的REDUX设置框架,遂通过搜索引擎发现有Google设置字段。
在微饭君使用的主题中,他的名字叫做:options-config.php,如果有相同问题的可以参考该名称进行寻找。
//'disable_google_fonts_link' => true, // Disable this in case you want to create your own google fonts loader
该段设置的意思是:屏蔽掉redux自带的Google字体引用,不用或者自行定义。
问题很简单。
解决问题
将options-config.php(主题不一样,框架的设置文件名称不一样,请灵活运用)里面的注释“//”删除掉即可。
'disable_google_fonts_link' => true,
自此,主题里面的Google fonts字体引用已被移除,不再拖慢国内访问速度,可进行下一步优化。