轩枫阁

首页 / Web前端 / CSS / 关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

阅读：124031 评论：110 作者：ivan 分类：CSS、Web前端

序言

wordpress大概从wp-3.8开始会自动加载Open Sans字体，并引用Google上面的CSS样式。而最近谷歌经常打不开，导致网站访问速度过慢，严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户来说，Google会出现经常打不开或者访问速度过慢的情况，所以会拖延站点的打开速度。当然，如果没有登录后台直接访问站点，不会出现加载字体的问题。 通过观察代码可以看到，WP是这样加载字体的，在script-loader.php（wordpress3.9版本，wp-includes目录下）的580行代码进行加载。

1
2
3
<link rel="stylesheet" id="open-sans-css" href="//fonts.googleapis.com/css?
family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&amp;
subset=latin%2Clatin-ext&amp;ver=3.9.1" type="text/css" media="all">

那该怎么去掉呢？方法主要有4个：插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙

一、插件过滤

简介

为此有专门的插件来去除字体加载。此方法在前台和后台均有效。

1. 插件一

名称：Remove Open Sans font Link from WP core

地址：http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/

简介：移除WP核心的谷歌字体链接.。 Installs ‘Remove Open Sans font Link from WP core’ plugin on your wordpress blog, so it will doesn’t load Open Sans font from Google fonts.

2. 插件二

名称：Disable Google Fonts

地址：http://wordpress.org/plugins/disable-google-fonts/

简介：另一个类似的插件

二、functions.php过滤

简介

在主题中的functions.php文件末尾加上一下代码之一即可。此方法仅在前台有效，在后台界面无效，因为仅修改主题代码。

1. 代码一

1
2
3
4
5
6
7
8
9
10
11
// Remove Open Sans that WP adds from frontend
if (!function_exists('remove_wp_open_sans')) :
    function remove_wp_open_sans() {
        wp_deregister_style( 'open-sans' );
        wp_register_style( 'open-sans', false );
    }
    add_action('wp_enqueue_scripts', 'remove_wp_open_sans');
 
    // Uncomment below to remove from admin
    // add_action('admin_enqueue_scripts', 'remove_wp_open_sans');
endif;

2. 代码二

1
2
3
4
5
6
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因谷歌cdn资源造成网站加载缓慢的问题，而且只要是支持php的空间也可以解决任何建站程序因为谷歌cdn资源引起的加载缓慢的问题。

使用方法

1. 将下载好的php脚本（PS：脚本作用将程序引入的谷歌字体以及其他谷歌cdn资源替换成360资源）上传至网站根目录。 2. 成功上传文件后直接用浏览器访问该文件，并且点击开始执行操作。 3. 程序执行完成，这时候可以去体验下顺畅的效果（一键解决前台、后台谷歌字体问题）

脚本下载

网盘版：http://pan.baidu.com/s/1sjtwPYl

运行截图

顶部的notice提醒可无视

82911403428318

小结

如果是win系统的主机可能访问脚本的时候会出现警告报错，直接或略即可。上图中用红框框起来的部分就是该脚本扫描过的文件的文件名列表，YES和NO表示该文件是否查询到符合规定的字符。（PS：该脚本还可以用来扫描黑链以及恶意代码。）（感谢v7v3.com提供的脚本）

四、使用GoAgent

如果你在使用GoAgent系统代理，可以在SwitchySharp或者AutoProxy选项里添加切换规则：

规则名称：google-fonts

URL 模式：*://*.googleusercontent.com/*

情景模式：GoAgent

字体

Open Sans字体挺好看的，如果是用国外的主题并且用上这个字体，或者是想保留，可以在本地安装该字体。将压缩包里面的文件拷贝到C盘fonts文件夹即可完成安装。

下载地址：http://xuanfengge.com/demo/201406/Open-Sans.zip

效果预览：http://www.google.com/fonts/specimen/Open+Sans

分析原因

由于最近谷歌被强，很难打开，导致站点在引用谷歌上的资源，如字体、jquery等文件时，会出现严重超时的情况，最终导致站点打开速度极慢。这个可能是其中的一个原因，但具体是什么，又如何找出根源呢？下面来简单分析下（Chrome浏览器下）

1. 查看网络连接

站点在未完全打开的情况下，Chrome的左下角会显示网络请求的状态，如“正在解析主机”、“正在等待tieba.baidu.com响应”。如果此时发现在某个响应等待时间过长（一般是外站资源，如头像、字体），那这个就是一个拖慢速度的原因。 sdfsdfsd

2. 查看网络请求

F12或右键“审查元素”进入开发者模式，选择“Network”，F5刷新页面，查看战情的网络请求。等待完全加载后，查看所有的请求，红色部分为访问出错，未请求到资源，同时可以再该项的Time看到请求到出结果所花费的时间。如果时间过长，也是一个拖慢站点访问速度的原因。

W{$]}Y1LE5I`$X1YGAO0}EX

7[_V27MHS_I[[@PF8O`W)R7

Chrome开发者工具

3. 定位根源

根据上面的介绍，找到访问过慢的请求，点击查看详细内容。如出现谷歌字体加载问题，如请求URL为http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1。 此时开发者面板切换到Elements页面，CTRL+F搜索“Google”或者其他关键字，可在代码中定位这个请求的位置。

NC8CC63M]{JWOZ815S3`U]D

4. 文件定位

上面是找到了原因，但是可能代码并不是在header.php或者index.php里面。那就需要使用编辑器搜索了，在主题中搜索。如使用sublime编辑器，将主题文件夹拖拽到编辑器中，在项目右键“Find in Folder”，输入关键字，即可在多文件中定位代码位置。找到代码后，注释相关代码即可。如：

sdfsdf

如找到并注释代码（functions.php），可解决出现http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1请求的问题

1
//wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family='.$all_font );

注释以下代码（html5lightbox.js）可解决出现http://fonts.googleapis.com/css?family=Armata请求的问题

1
2
3
4
5
6
// var fontRef = ("https:" == document.location.protocol ? "https" : "http") + "://fonts.googleapis.com/css?family=Armata";
// var fontLink = document.createElement("link");
// fontLink.setAttribute("rel", "stylesheet");
// fontLink.setAttribute("type", "text/css");
// fontLink.setAttribute("href", fontRef);
// document.getElementsByTagName("head")[0].appendChild(fontLink);

如果感觉速度不够快，那就进行更多的优化比如CDN加速、缓存、服务器等等优化吧

230/470
232/470

相关阅读

文章评论

  • 红酒批发

    喂喂喂

    2015 年 5 月 9 日 下午 6:43
  • 三亚婚纱摄影哪家好

    看了好文章江南留言是美德 三亚婚纱摄影哪家好 http://www.timi520.com 切看切珍惜

    2015 年 4 月 28 日 下午 6:49
  • Sunshine

    肥肠详细，不知说什么好了。

    2015 年 1 月 7 日 下午 5:45
  • 爱奇趣分享网

    找到 替换了就行

    2014 年 12 月 27 日 下午 2:33
  • 知道91博客

    呵呵，这篇文章我早就写过了

    2014 年 11 月 22 日 上午 2:45
    • 轩枫

      我这是加强版

      2014 年 11 月 23 日 上午 12:32
  • 广州除甲醛

    这是一个很经典的问题，刚接触WP的时候都放弃WP了。。。

    2014 年 9 月 26 日 下午 3:07
    • 轩枫

      施主，你为何要放弃。。。

      2014 年 9 月 26 日 下午 5:39
      • 广州除甲醛

        因为卡的我很急躁，一直以为是我主机的问题，后来才发现我错了，不是主机的问题，是大陆封杀了谷歌的原因

        2014 年 9 月 27 日 上午 10:15
  • 海@狮

    Nice!

    2014 年 9 月 24 日 上午 9:39
    • 轩枫

      这篇文章好多人访问哎，评论也挺多，嘿嘿

      2014 年 9 月 25 日 下午 7:06
  • 郑州设计师

    正在学习中……

    2014 年 9 月 6 日 上午 11:52
  • MVVVF

    下载的replace代码出错了，其他人的有？

    2014 年 9 月 2 日 上午 10:34
    • 轩枫

      建议用插件，简单

      2014 年 9 月 3 日 上午 12:14
    • 轩枫

      顶部的notice提醒可无视，只是notice不是error，不影响程序

      2014 年 9 月 3 日 上午 12:17
  • 鲜活优惠码

    一定使用这个插件才行 不然速度真的…

    2014 年 8 月 31 日 上午 9:12
    • 轩枫

      对的，谷歌不稳定

      2014 年 9 月 3 日 上午 12:13
  • YancyTien

    楼主 本地怎么安装字体 我是菜鸟

    2014 年 8 月 20 日 下午 10:23
    • 轩枫

      将写在的字体文件解压，粘贴到这个目录C:WindowsFonts最后可以去office或者PS等软件中验证下

      2014 年 8 月 20 日 下午 11:15
  • Bruno

    我试了Disable Google Fonts这个插件，不管用，然后下午做了一个插件，能过滤所有的google字体，详情请看： http://www.brunoxu.com/wordpress-google-fonts-plugin-removal-remove-google-fonts-references.html

    2014 年 8 月 19 日 下午 9:02
    • 轩枫

      多谢

      2014 年 8 月 19 日 下午 10:54
  • Bruno

    很全面，除了open sans，我这还有Ubuntu字体不能加载，换一个主题可能还有其他字体，所以一个个消除也不是事，所以Disable Google Fonts这个插件是不是屏蔽掉所有的谷歌字体？其实最好是有一个代理资源可以使用，然后一个插件可以全部转到代理资源去。有这样的方法或者插件吗？

    2014 年 8 月 19 日 下午 2:53
    • 轩枫

      Ubuntu字体使用人数较少，而且也主要是google被封，其他方法请谷歌吧

      2014 年 8 月 19 日 下午 6:53
      • Bruno

        就是google字体里面的Ubuntu字体，属于google字体。

        2014 年 8 月 19 日 下午 9:00
  • http://qianjinpianfang.com/

    一进博客，背景音乐吓了我一跳。

    2014 年 8 月 16 日 上午 12:10
    • 轩枫

      不好意思，让您受惊了

      2014 年 8 月 17 日 下午 1:09
      • 没有名字呀

        我也被吓了一跳，不过回过神按着博主的导航玩了一小会儿～～

        2014 年 9 月 2 日 下午 9:54
  • 赵家伟

    请前辈帮忙看下36miao.cn怎么处理？已经插入代码 开了两个禁用插件。而且整站替换了360字库，但是还是很慢 诊断结果好像还是字体问题

    2014 年 8 月 3 日 上午 9:39
  • 赵家伟

    很好的文章

    2014 年 7 月 31 日 下午 3:24
    • 轩枫

      有点乱呢

      2014 年 8 月 1 日 上午 12:08
  • 昔年

    感谢分享。

    2014 年 7 月 31 日 上午 9:39
  • 玩转帮会

    很详细啊

    2014 年 7 月 26 日 上午 11:14
    • 轩枫

      是写的挺乱的 – –

      2014 年 7 月 26 日 下午 11:21
  • 王志发

    有点晕头转向，插件最简单，却有人说不管用。

    2014 年 7 月 21 日 下午 12:47
    • 轩枫

      我这边插件是可以的，因为出现这个问题的可能性有许多个，所以需要去分析。一般插件可以解决，解决不了的用代码

      2014 年 7 月 21 日 下午 11:10
  • 不看好

    搞的太复杂了 我看了下很简单 on改成off就ok WordPress加载fonts.googleapis.com/css?family=Lato http://huizhebunan.com/?/question/4

    2014 年 7 月 7 日 下午 11:21
    • 轩枫

      方法太多了

      2014 年 7 月 8 日 下午 6:39
      • 不看好

        最终还是安装那个插件

        2014 年 7 月 8 日 下午 10:04
  • aisin

    可以用这个库来代替, 只需要换下域名就可以http://libs.useso.com/

    2014 年 7 月 7 日 下午 7:09
    • 轩枫

      方法三吧？

      2014 年 7 月 7 日 下午 7:45
    • Bruno

      这个不错，我再做个google字体优化插件

      2014 年 8 月 19 日 下午 9:11
  • mtr

    你好，我的主题有些复杂，我想寻求阁下的帮助，去掉谷歌字体加载并且换上自己的字体，可以吗？

    2014 年 6 月 23 日 下午 12:05
    • 轩枫

      后期联系我吧

      2014 年 6 月 23 日 下午 11:12
  • 巧用插件移除WP核心的谷歌字体链接，解决WP网站打开慢的问题 | suege

    […] 地址：http://www.xuanfengge.com/turn-off-automatic-loading-wordpress-open-sans-fonts.html […]

    2014 年 6 月 21 日 上午 10:37
  • Open Sans字体导致WP访问过慢 | Home Joe

    […] 具体的方法,可访问   xuanfengge […]

    2014 年 6 月 19 日 上午 1:59
  • Youthseo

    很厉害的样子。 我也来看看

    2014 年 6 月 18 日 下午 4:06
  • Google服务对wordpress的影响 | 飞雨天空

    […] 3、关闭WordPress自动加载的Open Sans字体-WP访问过慢原因 […]

    2014 年 6 月 13 日 下午 2:14
  • 从良未遂

    果断禁止插件

    2014 年 6 月 12 日 下午 8:02
  • 九龙

    Chrome的“审查元素”功能又学到几招！

    2014 年 6 月 11 日 下午 2:21
    • 轩枫

      指定的文章里面有关于调试的系列细节方法

      2014 年 6 月 11 日 下午 9:22
  • 幻影

    马上安装试试

    2014 年 6 月 9 日 上午 7:57
    • 轩枫

      可以自己检查下有没有生效

      2014 年 6 月 9 日 下午 6:15
      • 幻影

        二个插件都安装了，没效果，悲剧啊

        2014 年 6 月 9 日 下午 10:36
        • 轩枫

          那就是主题自己添加的

          2014 年 6 月 10 日 下午 12:35
          • 幻影

            以前不会啊

            2014 年 6 月 10 日 下午 12:40
          • 轩枫

            确定是字体问题？3.8版本之后有

            2014 年 6 月 10 日 下午 12:41
          • 轩枫

            因为现在谷歌被墙，访问不了

            2014 年 6 月 10 日 下午 12:41
          • 幻影

            对啊，就前几天开始的

            2014 年 6 月 10 日 下午 12:42
  • 电脑爱好者

    还没升级到3.8…

    2014 年 6 月 7 日 下午 1:04
    • 轩枫

      好久以前的版本啦！

      2014 年 6 月 7 日 下午 10:05
  • suifengtec

    感谢推荐Remove Open Sans font Link from WP core

    2014 年 6 月 6 日 上午 10:09
    • 轩枫

      生效就行~

      2014 年 6 月 6 日 下午 10:50
  • 轩枫

    评论有两页啦，谢谢大家的支持，有空会对文章再进行修正完善

    2014 年 6 月 5 日 下午 11:21
  • 看着你我高兴

    支持一下下!

    2014 年 6 月 5 日 下午 5:02
  • 阿飞影视网

    这文章真详细，不错不错！

    2014 年 6 月 5 日 下午 3:36
    • 轩枫

      感谢，有空再写详细一点，还有些人没弄明白~

      2014 年 6 月 5 日 下午 11:20
  • 小白

    牛人啊！！

    2014 年 6 月 5 日 下午 1:03
    • 轩枫

      对大家有用就好

      2014 年 6 月 5 日 下午 11:20
  • afei

    我也在为此问题困扰，尚未解决哎，试试作者的方法，期待~

    2014 年 6 月 4 日 下午 5:48
    • 轩枫

      已登录后台的时候会出现这个问题，不登陆应该不会

      2014 年 6 月 4 日 下午 7:03
      • 李洪飞

        那两个插件不好使，各种尝试无果，求加QQ像你请教哈 61392151

        2014 年 6 月 5 日 上午 9:50
        • 轩枫

          那就试下后面的“分析原因”方法

          2014 年 6 月 5 日 下午 12:28
  • 千里草

    原来是这样 我说呢 啥都没动怎么就变慢了

    2014 年 6 月 4 日 下午 5:05
    • 轩枫

      可能会是字体的原因，因为最近Google太不稳定

      2014 年 6 月 4 日 下午 7:04
  • 影歌

    最近确实时快时慢。

    2014 年 6 月 4 日 下午 3:51
    • 轩枫

      严重的影响速度

      2014 年 6 月 4 日 下午 7:04
      • 影歌

        这么一弄确实快了不少。

        2014 年 6 月 4 日 下午 7:05
  • 看着你我高兴

    试一下!

    2014 年 6 月 4 日 下午 1:41
  • 那些癖事

    我的网站最近也奇慢，学习一下，

    2014 年 6 月 4 日 上午 8:19
  • mrz

    有没有不用插件实现前后台都不加载的方法

    2014 年 6 月 3 日 下午 10:46
    • 轩枫

      还没做这样的研究额，我倾向于用functions.php的方法，不用插件，后台卡一点没事

      2014 年 6 月 4 日 下午 12:30
  • he本的美丽日记

    木法，前台解决不了

    2014 年 6 月 3 日 下午 10:25
    • 轩枫

      一般用前面的方法就可以解决，如果不行就用后面的分析方法

      2014 年 6 月 4 日 下午 12:30
  • 你好

    忘了说下我是在本地测试，用360安全浏览器及IE打开超慢

    2014 年 6 月 3 日 下午 9:30
  • 你好

    请教博主我只在如图中找到这些文件名，不知你提供的这个 //wp_enqueue_style( ‘google-font’, ‘http://fonts.googleapis.com/css?family=’.$all_font ); 要插在哪里？

    2014 年 6 月 3 日 下午 9:28
    • 轩枫

      不是，我的那个代码作用是把字体添加到代码中，所以注释掉他就不会加载字体了

      2014 年 6 月 3 日 下午 9:34
    • 轩枫

      像你这个是找到了代码的位置，不让这些代码执行即可。注释掉并且不出现错误就可以了

      2014 年 6 月 3 日 下午 9:35
  • Demon

    最近带宽商在封杀Google呢,

    2014 年 6 月 3 日 下午 9:26
    • 轩枫

      哎，搜不出来东西真纠结

      2014 年 6 月 3 日 下午 9:35
  • 双双爸爸

    我都已经搞了一个下午了。哎，六月份，你懂的！

    2014 年 6 月 3 日 下午 4:42
    • 轩枫

      六月份，干嘛呢

      2014 年 6 月 3 日 下午 7:44
      • 双双爸爸

        二十五年了，你不知道吗？

        2014 年 6 月 3 日 下午 9:56
  • 瘟疫

    学习了。

    2014 年 6 月 3 日 下午 3:01
  • 崔小可

    这个真不错。。。最近谷歌邮箱都打不开了。。。。

    2014 年 6 月 3 日 下午 2:25
    • 轩枫

      昨天谷歌就都打不开，用GoAgent也没用

      2014 年 6 月 3 日 下午 3:22
      • 崔小可

        谷歌是不是在中国彻底挂了

        2014 年 6 月 3 日 下午 3:34
        • 轩枫

          但是百度那么渣，真不想说什么，很多东西都搜不到

          2014 年 6 月 3 日 下午 4:21
  • 孤独的北极狐

    试了下，第一种方法后台不起作用，只在前台起作用，第二种前后台均奏效

    2014 年 6 月 2 日 下午 8:08
    • 轩枫

      是的，因为第一种方法是在主题上设置的，仅在前端生效。后面的是插件形式，前后端都有处理

      2014 年 6 月 2 日 下午 10:20
  • 渡水复渡水v

    使用了国外的主题，依旧禁止不了是什么情况？？

    2014 年 6 月 1 日 下午 8:02
    • 轩枫

      国外非官方主题？

      2014 年 6 月 1 日 下午 11:17
较新评论 »

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制，可以录制弹奏的曲子
    开始录制 完成录制 取消
    马上试听 重新录制 提交此曲
    分享钢琴节奏： 新浪微博 QQ空间