高速化 medium

フロント JS を defer 化

管理画面以外で読まれる JS に defer 属性を自動付与して初期描画をブロックしない。

解説

DOMContentLoaded まで実行を遅らせるので Largest Contentful Paint が改善します。jQuery と wp-a11y を除外しているのは、依存スクリプトの実行順を壊さないため。

いつ使うか

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

適用時の注意点

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

よくある質問

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