將WordPress中的所有JS腳本移至頁尾

4 月022014

作者：超級efly 發布：2014-04-02 17:58 分類：WordPress 閱讀：7,183

現在大家越來越注重頁面的載入速度，其中很重要的一點就是將所有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-hant/wordpress-move-script-to-footer/

教學

注意事項

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

您可能還會對這些文章感興趣！