很多wordpress用户发现一个现象,包括小七自己也遇到过,那就是网站前台和后台打开都非常慢,那这个是什么原因呢?又该如何解决呢?
主要原因还是谷歌字体加载问题,细心一点就会发现每次都是加载fonts.googleapis.com时卡在这里,解决办法有很多,大多数说的是替换资源库代替,比如更换cdn,或者是更换360代理访问、Google公共库等等,有些时候还是会存在一定的问题。最终的解决方法是修改一部分css和php,并且注释掉fonts.googleapis.com有关的内容。
第一步,新建google-font.css 放在\wp-includes\css目录中
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 300;
src: local(‘Open Sans Light’), local(‘OpenSans-Light’), url(../fonts/google/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans’), local(‘OpenSans’), url(../fonts/google/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format(‘woff’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 600;
src: local(‘Open Sans Semibold’), local(‘OpenSans-Semibold’), url(../fonts/google/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: italic;
font-weight: 300;
src: local(‘Open Sans Light Italic’), local(‘OpenSansLight-Italic’), url(../fonts/google/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format(‘woff’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: italic;
font-weight: 400;
src: local(‘Open Sans Italic’), local(‘OpenSans-Italic’), url(../fonts/google/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format(‘woff’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: italic;
font-weight: 600;
src: local(‘Open Sans Semibold Italic’), local(‘OpenSans-SemiboldItalic’), url(../fonts/google/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format(‘woff’);
}
把以上内容,复制、粘贴到google-font.css文件中;
第二步,修改 \wp-includes\script-loader.php 文件,找到:
$open_sans_font_url = “//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets”;
替换成:
$open_sans_font_url = “/wp-includes/css/google-font.css”;
第三步,在WordPress模板文件中找到functions.php,使用“//”注释掉引用google字体库部分即可,比如下面的例子
function govpress_fonts() {
// Add Genericons font, used in the main stylesheet.
// wp_enqueue_style( ‘fontawesome’, get_template_directory_uri() . ‘/fonts/font-awesome/font-awesome.css’, array(), ‘4.0.3’ );
// wp_register_style( ‘govpress-open-sans’, ‘//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300’, ”, null, ‘screen’ );
// wp_enqueue_style( ‘govpress-open-sans’ );
注:每个主题不太一应,操作之前请备份一下数据;
到此就已经解决了问题!
目前最新主题很少会出现这种情况,但是一些老主题存在,所以请合理的选择。
出现这个的原因是什么呢?
Google https服务被屏蔽,部分网站会受影响,如果主题中引用了google字体库(fonts.googleapis.com)中的字体,导致网站打开速度超级慢,在国内使用google提供的大多少网络服务都比较慢,建议最好不要使用。