非クリティカル CSS を遅延読み込み

first paint をブロックしないように、メイン以外の CSS を loadCSS パターンで遅延化。

解説

preload + onload swap パターンで非同期 CSS 読み込み。フォント・アイコン・1 ページのみで使う CSS を defer 配列に追加。Lighthouse の「レンダリングを妨げるリソース」削減に有効。

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

このコードはどこに貼れば良いですか？

子テーマの functions.php もしくは Code Snippets プラグインに貼り付けて有効化してください。

WordPress のバージョンによって動きませんか？

本サイトは WordPress 6.x 系（2026 年時点）を前提に動作確認しています。

プラグインと競合する可能性はありますか？

同じフィルタフックを別プラグインが使っている場合、競合する可能性があります。

商用利用できますか？

はい。moatway がオリジナル制作した PHP コードは商用・個人問わず自由にご利用いただけます。