海薇站长网 - 让网站建设、优化、维护从此简单!

海薇站长网

当前位置: 海薇站长网 > 网站建设 > 网站设计 > 打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体

时间:2016-04-11 18:07:00来源:SEO优化网 作者:365天天网 点击:

  标签(Tag):wordpress(19)

序言 wordpress大概从3.8版本开始会自动加载Google上面的Open Sans字体,并引用CSS样式。这些字体主要用于显示WP站点管理员登陆后顶部功能条的字体样式,而对于

序言

wordpress大概从3.8版本开始会自动加载Google上面的Open Sans字体,并引用CSS样式。这些字体主要用于显示WP站点管理员登陆后顶部功能条的字体样式,而对于国内用户来说,Google会出现经常打不开或者访问速度过慢的情况,加载Google的字体无疑是自寻死路,直接影响站点后台的打开速度。如果你的模板也加载了Google字体,那么恭喜你:站点访问者都直接洗洗睡了!

通过观察代码可以看到,WP是这样加载字体的,在script-loader.php(wp-3.9)的580行代码进行加载。

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

那该怎么去掉呢?方法主要有2个:functions.php过滤

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

1.代码一 1// Remove Open Sans that WP adds from frontendif (!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.代码二

1function 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' );

插件过滤

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

1. 插件一

名称:Remove Open Sans font Link from WP core

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

简介: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. 移除WP核心的谷歌字体链接.

2. 插件二

名称:Disable Google Fonts

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

简介:另一个类似的插件

使用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响应”。如果此时发现在某个响应等待时间过长(一般是外站资源,如头像、字体),那这个就是一个拖慢速度的原因。

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体_www.hwsem.com

2. 查看网络请求

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

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体_www.hwsem.com

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体_www.hwsem.com

Chrome开发者工具

3. 定位根源

根据上面的介绍,找到访问过慢的请求,点击查看详细内容。如出现谷歌字体加载问题,如请求URL为http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1。

此时开发者面板切换到Elements页面,CTRL+F搜索“Google”或者其他关键字,可在代码中定位这个请求的位置。

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体_www.hwsem.com

4. 文件定位

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

打开WP后台过慢原因 - 关闭WordPress自动加载的Open Sans字体_www.hwsem.com

如找到并注释代码(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// 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加速、缓存、服务器等等优化吧

来源:seo优化网 转载注明出处!

(责任编辑:海薇站长网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
推荐内容
图文推荐
意见反馈 站长网首页 返回顶部