如果將js放在<head>的話的話會造成瀏覽器必須等待js跑完才能載入其他資源
所以將js放到頁尾會加快載入時間,可以直接修改主題讓js移到頁尾
但是一些外掛也會將js添加到<head>,所以我們可以透過一些方法將所有js移至頁尾
WordPress將所有js移至頁尾最簡單的方式就是安裝Scripts-To-Footer
這個外掛可以自訂哪些頁面不要將js移到頁尾,也可以設定jQuery固定放在<head>
也可以在主題的function.php裡加入下面的程式碼,效果差不多
1 2 3 4 5 6 | 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不能移至頁尾,否則功能會不正常