WordPress网站建设宣传图片

WordPress优化:去除头部多余加载项

释放双眼,带上耳机,听听看~!

在我们使用wordpress建站的时候,会发现网站头部如果加载head页面就会出现很多系统自带的加载项目,例如自带的css、js、feed、style等多余信息。

这些加载项目很多是没有必要加载的,我们完全可以将其剔除。

这样可以让我们网站的速度更上一层楼并且也让网站源代码变得美观。一定程度上去除多余的这些信息还可以让我们的网站更加安全。

那么我们如何将这些多余的head头部信息移除呢?

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

代码

// 去除头部多余加载信息
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', 'wp_oembed_add_discovery_links' ); // 移除oEmbed发现链接
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','wp_resource_hints',2);//移除dns-prefetch

//移除emoji载入js
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );

//移除emoji载入css
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );

// 屏蔽 REST API(wp-json)
add_filter('rest_enabled', '__return_false'); // 禁用REST API功能
add_filter('rest_jsonp_enabled', '__return_false'); // 禁用JSONP支持

// 移除REST API输出链接
remove_action('wp_head', 'rest_output_link_wp_head', 10 );
remove_action('template_redirect', 'rest_output_link_header', 11 );

使用方法

将下面代码复制到主题文件functions.php中即可,保存后到前台刷新页面(注意清除缓存)在查看网页源代码,是不是少了很多资源呢。

编辑当前主题的 functions.php 文件

WordPress网站后台 – 仪表盘 – 外观 – 主题文件编辑器(有的版本可能显示是编辑)>选择主题functions.php文件>添加代码>保存文件:

WordPress后台>主题文件编辑器>编辑functions.php文件页面

注意

上面添加到主题functions.php文件的这种方式添加的功能代码只在当前使用主题下有作用,如果你切换了主题,那么这个时候就会失效,所以要注意。

推荐

推荐你使用WPCode 代码片段插件,你可以直接将上述代码添加为一个新的代码片段开启,在不需要的时候也可以直接对这个功能代码选择关闭就行,这个插件可以非常方便的管理在WordPress网站上的功能代码,如下示例:

WPCode 插件代码片段列表、管理示例

这个插件它的代码库中还有许多使用的功能代码片段,你可以选择你用得上的然后导入、选择开启就可以了,如下示例:

WordPress代码片段插件 WPCode 代码片段库截图

关于这个插件的介绍推荐你看我之前文章:WordPress代码片段插件 WPCode

最后,欢迎大家完善补充…

给TA打赏
共{{data.count}}人
人已打赏
WordPress与SEOWordPress技巧

WordPress批量替换文章内容文字

2021-10-7 15:05:42

WordPress技巧

WordPress文件及目录结构解析

2021-10-10 13:49:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
展开目录