WordPress无用脚本移除

1. 先说为啥要清理WordPress里那些没用的脚本。你想啊，网站加载的时候，有些默认自带的JS或者CSS文件，比如jQuery老版本、emoji支持、块库样式——如果主题压根用不上它们，这些就是纯纯的拖慢速度的累赘。用户打开页面，浏览器还得白白下载这些资源，何必呢？所以移除它们，等于给网站脱掉一件湿棉袄，轻装上阵。

2. 第一步，先看看你主题的functions.php文件。这个文件就像WordPress的大脑，控制很多行为。咱们在这里写点代码，告诉WordPress：某些脚本别加载了。举个例子，如果你不想让网站前台加载jQuery Migrate（这玩意通常是为了兼容老代码，但新主题可能根本用不着），可以这么写：

function remove_useless_scripts() {
    wp_deregister_script('jquery-migrate');
}
add_action('wp_enqueue_scripts', 'remove_useless_scripts', 100);

注意那个优先级100，意思是等别人都排好队了，咱再动手移除，避免冲突。

3. 再来，WordPress默认会加一堆WP Embed之类的脚本，用来嵌入视频或者帖子。但如果你不需要嵌入功能，干脆去掉它。代码类似这样：

function deregister_embed_script(){
    wp_deregister_script('wp-embed');
}
add_action('wp_footer', 'deregister_embed_script');

这个挂到wp_footer动作上，因为有些脚本在页脚才加载。

4. 还有emoji，WordPress可爱显示表情符号了，但假如你网站是商业类，根本用不着那些小笑脸，移除它提升性能。emoji其实是一整套东西，包括JS和CSS，得一起干掉：

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

这代码直接扔functions.php里，它会阻止emoji脚本和样式输出。

5. 有时候，Gutenberg编辑器相关的样式也会漏到前台，但如果你不用块编辑器或者用了其他页面构建器，这些样式纯属多余。可以用这个代码移除：

function remove_block_styles() {
    wp_dequeue_style('wp-block-library');
}
add_action('wp_enqueue_scripts', 'remove_block_styles');

这样前台就不会加载那堆块库CSS了。

6. 注意啊，移除脚本前，最好用工具比如Chrome开发者工具（按F12），看Network标签页里到底加载了啥。确认某个脚本确实没用再动手，不然移除错了，网站功能可能出问题。比如，如果主题用了jQuery，那你不能移除jQuery本身，只移多余的。

7. 最后，记得清理后测试网站。看看功能正常不，比如表单、滑动效果啥的。如果出了问题，就把代码注释掉慢慢排查。WordPress就是这德行，有时候插件之间会依赖这些脚本，所以移除要谨慎。

总之，移除无用脚本是个细活，但弄好了网站速度能上去，用户体验也更溜。别怕折腾代码，多试几次就熟了。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。