高速化 medium

スクリプトの遅延読み込み(defer / async)

wp_enqueue_script で読み込まれるスクリプトに defer や async 属性を追加する標準的な方法。

解説

WordPress 6.3 以降は wp_enqueue_script() の第 4 引数で strategy: defer/async を直接指定できるが、それ以前のバージョン互換用にこの方式は有効。重要:HTML パース完了前に実行したいスクリプトには defer を付けない。

いつ使うか

  • LCP / FID 改善が必要なサイト
  • Core Web Vitals 対策
  • PageSpeed Insights のスコア改善

適用時の注意点

高速化施策は副作用も伴います(特定のプラグインが動かなくなる等)。一つずつ適用して動作確認 → 問題なければ次へ進めるのが安全。

よくある質問

このコードはどこに貼れば良いですか?
子テーマの functions.php もしくは Code Snippets プラグインに貼り付けて有効化してください。
WordPress のバージョンによって動きませんか?
本サイトは WordPress 6.x 系(2026 年時点)を前提に動作確認しています。
プラグインと競合する可能性はありますか?
同じフィルタフックを別プラグインが使っている場合、競合する可能性があります。
商用利用できますか?
はい。moatway がオリジナル制作した PHP コードは商用・個人問わず自由にご利用いただけます。