スクリプトに defer を付与して高速化
wp_enqueue_script で登録されたスクリプトタグに defer 属性を付与し、レンダリングブロックを解消する。
解説
defer を付与すると HTML パース中に JS がダウンロードされつつ、DOM 構築完了後に実行されます。jQuery を除外しているのは defer 化すると依存スクリプトの実行順が変わりエラーになるケースがあるためです。Core Web Vitals の LCP・TBT 改善に直結します。
いつ使うか
- LCP / FID 改善が必要なサイト
- Core Web Vitals 対策
- PageSpeed Insights のスコア改善
適用時の注意点
高速化施策は副作用も伴います（特定のプラグインが動かなくなる等）。一つずつ適用して動作確認 → 問題なければ次へ進めるのが安全。
よくある質問
このコードはどこに貼れば良いですか？
子テーマの
functions.php もしくは Code Snippets プラグインに貼り付けて有効化してください。WordPress のバージョンによって動きませんか？
本サイトは WordPress 6.x 系（2026 年時点）を前提に動作確認しています。
プラグインと競合する可能性はありますか？
同じフィルタフックを別プラグインが使っている場合、競合する可能性があります。
商用利用できますか？
はい。moatway がオリジナル制作した PHP コードは商用・個人問わず自由にご利用いただけます。