くりゅぴ!

サーバーやWEB問題解決のメモから生活お得情報まで。未分類のものは執筆中

WPプラグインのJsの読み込みを移動させる

ワードプレスのプラグインを導入した場合に、ヘッダーにjavascriptが挿入されレンダリングブロックされてしまう場合があります。
そのさい、javascriptをヘッダーからフッターへ移動させる方法。

以下をfunction.phpへ記述。
なお、すべてのheaderで出力しているjavascriptの呼び出しがフッターに移動されるため注意。
導入後はバグなく動いているか確認しよう。

/*
 * JSファイルをフッターへ移動
 */
add_action('wp_enqueue_scripts', function(){
  //ヘッダーのスクリプトを一旦削除
  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_print_head_scripts', 5);
  add_action('wp_footer', 'wp_enqueue_scripts', 5);
});

参考
WordPressでプラグインから出力されるjQueryライブラリやCSSを整理する
WordPress : レンダリングをブロックしている JavaScript/CSSへの対策

WEB開発

タグ: ,

WEB開発の最新記事

2020年7月13日
印刷時改ページをする
2020年7月10日
PHPのJsを外部ドメインより呼び出す
2020年7月10日
ブラウザにキャッシュさせない

コメントを残す

メールアドレスが公開されることはありません。