在我们开发WordPress主题时,细心的小伙伴或发现网站头部如果加载head页面就会出现很多系统自带的加载项目,例如自带的css、js、feed、style等多余信息。

这些加载项目很多是没有必要加载的,那么我们如何将这些多余的head头部信息移除呢?

方法很简单,网上针对此类WordPress优化的教程也很多,今天路途吧就给大家整理下。

我们先看看移除多余加载项之前的代码截图

WordPress移除head头部js、css、feed等多余加载项

解决方法

//去除头部多余加载信息
remove_action( \'wp_head\', \'wp_generator\' );//移除WordPress版本
remove_action( \'wp_head\', \'rsd_link\' );//移除离线编辑器开放接口
remove_action( \'wp_head\', \'wlwmanifest_link\' );//移除离线编辑器开放接口
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 );//清除前后文信息
remove_action( \'wp_head\', \'feed_links\', 2 );//移除文章和评论feed
remove_action( \'wp_head\', \'feed_links_extra\', 3 ); //移除分类等feed
remove_action( \'wp_head\', \'rest_output_link_wp_head\', 10 ); //移除wp-json
remove_action( \'wp_head\', \'print_emoji_detection_script\', 7 ); //头部的JS代码
add_filter( \'show_admin_bar\', \'__return_false\' );//移除wp-json链接
remove_action( \'wp_head\', \'rel_canonical\' ); //rel=canonical
remove_action( \'wp_head\', \'wp_shortlink_wp_head\', 10, 0 ); //rel=shortlink
//remove_action( \'wp_head\', \'wp_print_styles\', 8 ); //移除后台插件加载css
remove_action( \'wp_head\', \'print_emoji_detection_script\', 7 );//移除emoji载入js
remove_action( \'admin_print_scripts\', \'print_emoji_detection_script\' );//emoji载入js
remove_action( \'wp_print_styles\', \'print_emoji_styles\' );//移除emoji载入css
remove_action( \'admin_print_styles\', \'print_emoji_styles\' );
remove_action( \'wp_head\', \'rest_output_link_wp_head\', 10 );
remove_action(\'wp_head\',\'wp_resource_hints\',2);//移除dns-prefetch

使用方法

将上面代码添加到主题的functions.php文件中, 保存后在看看网站的代码。

head头部是不是少了很多多余加载项信息?

下面是精简后的代码截图

WordPress移除head头部js、css、feed等多余加载项

发表评论

您的电子邮箱地址不会被公开。