WordPress 更新很快,站长用的也比较多。但是WordPress 主页会加载用不到的wp版本号、css、js、meta元素和标签,我们可以通过移除这些不必要的元素来优化我们的wp头部。
毕竟网站<head>头部信息太多会影响页面加载速度。而且右键查看源代码,能看到头部太多的信息,而这些信息很多都是无用的,今天中国网页设计教大家如何精简wordpress头部多余信息。
1、移除WordPress版本信息
WordPress自动添加版本号信息,在head区域,可以看到
<meta name="generator" content="WordPress 4.9.4" />
版本号是默认添加的,但是可以被黑客利用,攻击特定版本的WordPress漏洞。清除代码:
打开您所使用主题的functions.php(拓展函数放这个文件里),把以下代码粘贴进去,下同。
remove_action( 'wp_head', 'wp_generator' );
建议大家将这个文件通过FTP下载下来,先备份,后修改,因为一个不小心,少一个标点都会导致整站打不开!解决方法就是覆盖备份functions.php文件即可安然无恙!
2、移除离线编辑器开放接口
WordPress自动添加两行离线编辑器的开放接口,在head区域,可以看到
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://wordpress.cc/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://wordpress.cc/wp-includes/wlwmanifest.xml" />
其中RSD是一个广义的接口,wlwmanifest是针对微软Live Writer编辑器的。如果你不需要离线编辑,可移除之。即便你需要使用离线编辑器,大部分时候也不需要这两行代码。Live Writer自己知道它们。保留这两行代码可能会留有安全隐患。清除代码:
remove_action( 'wp_head', 'rsd_link' ); remove_action( 'wp_head', 'wlwmanifest_link' );
3、移除前后文、第一篇文章、主页meta信息
WordPress把前后文、第一篇文章和主页链接全放在meta中。我认为于SEO帮助不大,反使得头部信息巨大。移除代码:
remove_action( 'wp_head', 'index_rel_link' ); remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 ); remove_action( 'wp_head', 'start_post_rel_link', 10, 0 ); remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
4、移除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
6、移除WordPress头部加载DNS预获取(dns-prefetch)
在head我们可以看到
<link rel='dns-prefetch' href='//s.w.org' />
移除代码
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 );
7、移除emoji表情script和style
在head我门可以看到
<script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/wordpress.cc\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.8"}}; </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style>
移除代码
remove_action( 'wp_head', 'print_emoji_detection_script', 7 ); remove_action( 'wp_print_styles', 'print_emoji_styles' );
这是《最新版WordPress如何移除头部多余信息》的全部内容,不过版本不同,你可以在你网站首页右键查看源代码,根据需要添加移除代码,像125建站网就没有emoji表情相关头部代码,就不需要移除了!
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1264.html