WordPress 精简头部 wp_head
本文最后更新于 2298 天前,其中的信息可能已经有所发展或是发生改变。
<?php wp_head(); ?>

wp_head()是一个重要的函数,它允许插件开发者向你的站点动态地添加CSS和javascript,如果我们不在模板中引入这个,一个插件将不能工作。

虽然有很多我们不需要的东西,但我们应该学会如何精简,而不是简单粗暴的删除,下面可以通过remove_action移除不要的代码。

把对应代码放到functions.php

<?php
//移除顶部多余信息
//remove_action('wp_head', 'wp_enqueue_scripts', 1 ) //Javascript的调用
remove_action('wp_head', 'index_rel_link'); //当前文章的索引
remove_action('wp_head', 'feed_links', 2 ); //去除文章feed
remove_action('wp_head', 'feed_links_extra', 3 ); //去除评论feed
remove_action('wp_head', 'locale_stylesheet' );
remove_action('wp_head', 'wp_print_styles', 8 ); //去除头部不必要css
remove_action('wp_head', 'wp_print_head_scripts', 9 ); //去除头部不必要js
remove_action('wp_head', 'wp_generator' ); // 移除版本号
remove_action('wp_head', 'rel_canonical' ); //去除默认的canonical标签
remove_action('wp_head', 'start_post_rel_link', 10, 0 ); //移除最开始文章的url
remove_action('wp_head', 'parent_post_rel_link', 10, 0 ); //移除后面文章的url
remove_action('wp_head', 'adjacent_posts_rel_link', 10, 0); //移除上、下篇
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 ); //移除相邻文章的url
remove_action('wp_head', 'rsd_link' ); //针对Blog的远程离线编辑器接口
remove_action('wp_head', 'wlwmanifest_link' ); //Windows Live Writer接口
remove_action('wp_head', 'index_rel_link' ); //移除当前页面的索引
remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0 ); //自动生成的短链接
remove_action('wp_head', 'wp_resource_hints', 2 ); //移除头部加载DNS预获取
remove_action('wp_head', array($wp_widget_factory->widgets['WP_Widget_Recent_Comments'], 'recent_comments_style'));
remove_filter('the_content', 'wptexturize'); //禁用半角符号自动转换为全角
remove_action('template_redirect', 'wp_shortlink_header', 11, 0 ); //去除短链接shortlink
add_action('widgets_init', 'my_remove_recent_comments_style'); //去除头部多余 recentcomments 样式
add_filter( 'emoji_svg_url', '__return_false' ); //屏蔽头部加载 s.w.org
function my_remove_recent_comments_style() {
global $wp_widget_factory;
}
?>

详解remove_action函数

函数原型

remove_action( $tag, $function_to_add, $priority, $accepted_args );

该函数移除一个附属于指定动作hook的函数。该方法可用来移除附属于特定动作hook的默认函数,并可能用其它函数取而代之。参见remove_filter(), add_action() and add_filter()。重要:添加hook时的$function_to_remove 和$priority参数要能够相匹配,这样才可以移除hook。该原则也适用于过滤器和动作。移除失败时不进行警告提示。

参数

$tag(字符串)(必需)将要被删除的函数所连接到的动作hook。默认值:None
$function_to_remove(回调)(必需) 将要被删除函数的名称。默认值:None
$priority(整数)(可选)函数优先级(在函数最初连接时定义)默认值:10
$accepted_args(整数)(必需)函数所接受参数的数量。默认值:1

返回值

(布尔值)函数是否被移除。
Ttue 函数被成功移除
False函数未被移除

实例操作

移除WordPress版本

在head区域,可以看到如下代码:

<meta name="generator" content="WordPress 3.1.2" />

这是隐性显示的WordPress版本信息,默认添加。可以被黑客利用,攻击特定版本的WordPress漏洞。清除代码:

remove_action( "wp_head", "wp_generator" );

移除离线编辑器开放接口

WordPress自动添加两行离线编辑器的开放接口

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://example.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://example.com/wp-includes/wlwmanifest.xml" />

其中RSD是一个广义的接口,wlwmanifest是针对微软Live Writer编辑器的。如果你不需要离线编辑,可移除之。即便你需要使用离线编辑器,大部分时候也不需要这两行代码。

Live Writer自己知道它们。保留这两行代码可能会留有安全隐患。清除代码:

remove_action( "wp_head", "rsd_link" );
remove_action( "wp_head", "wlwmanifest_link" );

移除前后文、第一篇文章、主页meta信息

WordPress把前后文、第一篇文章和主页链接全放在meta中。我认为于SEO帮助不大,反使得头部信息巨大。移除代码:

remove_action( "wp_head", "index_rel_link" ); // Removes the index link
remove_action( "wp_head", "parent_post_rel_link", 10, 0 ); // Removes the prev link
remove_action( "wp_head", "start_post_rel_link", 10, 0 ); // Removes the start link
remove_action( "wp_head", "adjacent_posts_rel_link_wp_head", 10, 0 ); // Removes the relational links for the posts adjacent to the current post.

移除Canonical标记

09年2月份,Google,Yahoo及Microsoft三大搜索引擎联合推出了一个旨在减少重复内容困扰的方法,这对于广大站长来说不啻是个好事情,不用再担心因为网站上有重复的内容而影响到网站页面的权重了。

造成重复内容的原因有很多,最常见的便是多个url地址指向了同一个页面,比如:wordpress平台下的一篇日志页面,包括了文章及评论内容。每个评论 都可以有个固定的链接地址,,如果有多个评论的话,则每条评论的链接都类似于上述格式,只是commentID号有所不同,这些链接其实都是指向同一篇文 章的。蜘蛛来爬时,便会依次爬行一遍,这篇文章下如有10条评论,则爬了10次相同的页面文章,相当于做了多次重复的工作,严重影响了抓取的效率,及耗费了带宽。

重复内容造成的结果必然是蜘蛛不愿意来爬,不同的url指向同一个页面,也会影响到该页面的权重。通过canonical标签,能有效的避免这类问题。

需要注意两点:

允许指向不同的子域名,不允许指向其他域名

canonical属性可以被传递。即A页面声明B为权威链接,B声明C为权威网页,那么C就是A和B共同的首选权威版本

如果你的WP版本在2.9之前,需要通过插件(上面已经提到)或者手工 Hack 主题的 header.php 文件来使得博客支持。

<link rel="canonical" href="<?php get_permalink()?>" />

在 WordPress 2.9 发布之后,WordPress 已经默认支持这一标签了,我们无需做任何动作,主题就支持这一标签。这对于文章固定链接的更改很有帮助,可以增加对搜索引擎的友好度。但是如果你觉得这个标签对你无用,也可以移除之:

remove_action( "wp_head", "rel_canonical" );

移除feed

HTML 中通过来指定博客feed。可以被浏览器检测到,然后被读者订阅。如果你不想添加feed,或者想使用烧制的feed(如FeedSky或者Feedburner烧制的feed),可以移除之。

remove_action( "wp_head", "feed_links", 2 );//文章和评论feed
remove_action( "wp_head", "feed_links_extra", 3 ); //分类等feed

如果用的烧制的feed,然后还可以再手动添加feed地址。

如果你和子凡一样把你的WordPress升级到4.6以后,你会发现页面源代码的头部会多出一行 ,WordPress 4.6在头部添加dns-prefetch,应该是为了从s.w.org预获取表情和头像,目的是提高网页加载速度 ,但s.w.org国内根本无法访问,预获取和提高速度什么的都是咸吃萝卜淡操心,没用处不说,反而可能会影响速度,对于像子凡这么追求极致的人,第一反映肯定就是禁用删除这行代码咯。

废话不多说,上代码,WordPress惯用办法就是把以下代码添加到主题的functions.php文件:

方法一

//禁止WordPress头部加载s.w.org
add_filter( 'emoji_svg_url', '__return_false' );

这种方式只会移除WordPress头部加载s.w.org的这一条信息,如果你的WordPress还加载了其它的站外资源,WordPress依然会添加的,比如泪雪博客使用了百度的自动推送功能,就会自动加载一条dns-prefetch信息。

如果逆向完全的取消WordPress这个自动添加DNS预获取的功能,就需要使用到下面这两种方法了。

方法二

//移除WordPress头部加载DNS预获取(dns-prefetch)
remove_action( 'wp_head', 'wp_resource_hints', 2 );

虽然方法二的代码毕竟简单暴力,但是可能也会存在不足,毕竟是直接使用remove这样的方式移除的,所以可能不是非常的完善,如果你追求极致,或许方法三更加适合。

方法三

//移除WordPress头部加载DNS预获取(dns-prefetch)
function remove_dns_prefetch( $hints, $relation_type ) {
    if ( 'dns-prefetch' === $relation_type ) {
        return array_diff( wp_dependencies_unique_hosts(), $hints );
    }

    return $hints;
}
add_filter( 'wp_resource_hints', 'remove_dns_prefetch', 10, 2 );

从基层的代码去移除dns-prefetch这个rel属性链接是更为妥当的,以免影响其它的函数及功能或者资源调用。

最后最后子凡再啰嗦的给大家不厌其烦的补充一个禁止WordPress 加载默认表情的代码:

// 移除emoji表情script
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

这两句主要就是禁止WordPress加载emoji表情的js,如果是在WordPress 4.6版本以后,记得加上方法一中的代码移除dns-prefetch。

屏蔽头部加载 s.w.org

WordPress 4.6 版本加载了一个 DNS-Prefetch(DNS 预解析)功能,通过 DNS 预解析来告诉浏览器未来我们可能从某个特定的 URL 获取资源,当浏览器真正使用到该域中的某个资源时就可以尽快地完成 DNS 解析。

WordPress 默认使用 s.w.org 下的图片来渲染 emoji 表情,所以在 WordPress 头部也有 s.w.org 的DNS 解析:

<link rel='dns-prefetch' href='//s.w.org'>

但是 s.w.org 国内根本无法访问,所以这里 DNS 预解析,反而可能会影响速度,并且我们已经禁用 Emoji 功能,最好也在头部禁止 s.w.org 的DNS 解析,在 functions.php 中加载下面这行代码即可:

add_filter( 'emoji_svg_url', '__return_false' );

该功能已经整合到 WPJAM Basic 插件。

本作品采用 “知识共享署名-非商业性使用 4.0 国际许可协议” 进行许可。
免责声明:本站文章除特殊说明为原创禁转外,您可以自由的转载和修改,但请务必注明文章来源并不可用于商业目的。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇