反注册WordPress主题或插件中的 JavaScript 和 CSS 文件

小本本的WordPress经验谈

作为一名WordPress开发者，为了不断提升网站的性能和效果，我们需要不断地学习和尝试。在开发WordPress主题的时候，为了实现更好的效果和加快开发速度，我们经常会使用一些插件，而很多插件会注册自己的JavaScript文件和CSS文件到前端。为了和主题更好的结合，我们可能需要把插件的CSS或JS文件集成到我们开发的主题中。这时候插件自带的JavaScript文件和CSS文件就是多余的了，从性能角度考虑，我们需要把插件加载到前端的这些文件去掉。WordPress为我们提供了wp_deregister_script和wp_deregister_style函数来实现这个需求，具体的使用方法，我们来看一下示例代码。

WordPress是怎么加载文件到前端的

我们先看一下WordPress是怎么加载文件到前端的，反注册就是加载文件的一个相反的过程。下面的代码中，wizhi-style和wizhi-script分别是JavaScript和CSS文件的Handle，我们在下面的反注册过程中，也需要用到。

//注册样式文件
add_action('wp_enqueue_scripts','register_plugin_styles');
function register_plugin_styles(){
	wp_register_style('wizhi-style',plugins_url('my-plugin/css/plugin.css'));
	wp_enqueue_style('wizhi-style');
}

反注册插件中的JavaScript和CSS文件

在下面的代码中，函数的参数就是需要反注册文件的Handle名称，为了找到这个名称，我们需要看一下插件的源代码，方法很简单，直接搜索插件文件夹的中 wp_enqueue_style和 wp_enqueue_script即可。

//清理不需要的CSS文件
add_action('wp_print_styles','wizhi_print_css');
function wizhi_print_css(){
wp_deregister_style('wizhi-style');
}

//清理不需要的JS脚本
add_action('wp_print_scripts','wizhi_print_scripts');
function wizhi_print_scripts(){
wp_deregister_script('wizhi-script');
}

反注册插件中的JavaScript和CSS文件可以减少WordPress主题的前端HTTP请求数量，同时可以降低插件中的JavaScript或CSS与主题中响应的代码冲突的可能性，相信对自己要求比较高的WordPress开发者都会有这方面的考虑。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。