将WordPress中的所有JS脚本移至页尾

4 月022014

作者：超级efly 发布：2014-04-02 17:58 分类：WordPress 阅读：6,055

现在大家越来越注重页面的载入速度，其中很重要的一点就是将所有JS脚本放在页尾，所以今天就来教大家如何在WordPress中的将所有通过 wp_enqueue_script 加入的JS脚本移至页尾

教学

将下方代码添加到「布景函式库(functions.php)」的最底部 ?> 之前，然后点击更新档案就行啦！

/* 将所有JS脚本移至页尾开始（由AREFLY.COM制作） */
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
/* 将所有JS脚本移至页尾结束（由AREFLY.COM制作） */

/* 将所有JS脚本移至页尾开始（由AREFLY.COM制作） */

remove_action('wp_head', 'wp_print_scripts');

remove_action('wp_head', 'wp_print_head_scripts', 9);

remove_action('wp_head', 'wp_enqueue_scripts', 1);

add_action('wp_footer', 'wp_print_scripts', 5);

add_action('wp_footer', 'wp_enqueue_scripts', 5);

add_action('wp_footer', 'wp_print_head_scripts', 5);

/* 将所有JS脚本移至页尾结束（由AREFLY.COM制作） */

注意事项

1、加入上述代码后，可能会出现很多JS都失效的问题，这是因为「插件中加入脚本代码不规范」或「脚本加入顺序」这两个问题，具体如何解决可以自己试试，或者直接在下方回复来问我

注：本博客未开启此功能

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/zh-hans/wordpress-move-script-to-footer/

教学

注意事项

觉得这篇文章有用吗？分享一下让更多人受益吧！

您可能还会对这些文章感兴趣！