一个关于前端、产品、设计、绘画的情侣博客

WordPress 优化之移除谷歌字体

W

网站放阿里云近四年,几近100%在线率,不过最近由于修复了阿里云sendmail功能后(后面排查后是因为内存溢出导致,由于买的是低配的阿里云,估计得弃 Apache 转 Ngiux),这个WordPress博客时不时出现数据库连接出错,每次都要重启Apache,所以决定好好优化一下。

在国内使用 WordPress,第一件比较烦恼的应该就是谷歌字体,导致后台及有使用到谷歌字体的主题加载都相当慢。在这之前都是随便修改一下引用到的文件,不过最近几个月更新很频繁,觉得还是应该一劳永逸。

本人比较追求极致,而且插件装多了对网站的性能也有影响,所以是使用functions.php来扩展,当然,为了解决前面提到的更新会覆盖旧文件的问题,这里使用的是子主题的形式来扩展,在该文件中添加以下两个函数来屏蔽 WordPress 前台与后台的谷歌字体加载。

/**
 * WordPress 后台禁用 Google 字体
 */
add_filter( 'gettext_with_context', 'disable_google_fonts', 888, 4);
function disable_google_fonts($translations, $text, $context, $domain ) {
    $google_fonts_contexts = array('Open Sans font: on or off','Lato font: on or off','Source Sans Pro font: on or off','Bitter font: on or off');
    if( $text == 'on' && in_array($context, $google_fonts_contexts ) ){
        $translations = 'off';
    }
    return $translations;
}

/**
 * WordPress 前台禁用 Google 字体
 */
function remove_open_sans() {    
    wp_deregister_style( 'open-sans' );    
    wp_register_style( 'open-sans', false );    
    wp_enqueue_style('open-sans','');    
}    
add_action( 'init', 'remove_open_sans' );

需要注意的是,上面禁用前台谷歌字体只是针对 WordPress 默认主题,如果你使用的主题也有自带谷歌字体,记得删除对应引用的地方。

关于作者

Milly

擅长 Adobe 旗下软件,Ai、Fw、Fl、Br、Ae、Pr、Id 等的安装与卸载,精通 CSS、JavaScript、PHP 等单词的拼写。「从个性签名被模仿回忆我的十年互联网生涯」https://www.sawlove.com/ten-years-internet-life.html

添加评论

由 Milly
一个关于前端、产品、设计、绘画的情侣博客

分类

文章归档