W3 Total Cache：PageSpeedスコアを向上させるためにCSSを非同期にロードしますか？
私はW3 Total Cacheを使って約15個のCSSファイルを縮小し、さらに20個のJSファイルを縮小してフッターに非同期にロードしています。 PageSpeedで自分のサイトを実行すると、次のようなメッセージが表示されます。
何よりも上のコンテンツでレンダリングブロックJavaScriptとCSSを排除する
私が疑問に思っているのは、どうやってこのCSSファイルをW3 Total Cacheと非同期に読み込むことができるのですか？プラグインは私にCSSを非同期的にロードするオプションを与えません。あなたは私のサイトに物事がどのようにロードされているかを見ることができます ここ 。
W3TCとページスピードの両方について言うべきことがたくさんありますが、その点に留まるようにしましょう。
実際のコンテンツの一部としてJS外部要素をHTMLに含めることは絶対に避けてください。それらはhead要素（ただし、ページの読み込みが完了する前に読み込む必要があるスクリプトのみ）または本文の最後の前に置く必要があります。
CSSはhead要素の中だけにあるべきです。
これらの基本的なパフォーマンスルールに違反することを決定した場合、おそらくその理由は非常に正当であり、何かがロードされていない場合は簡単にページを壊すことができるので正しい順序で。
そのため、最初にページのその部分にJSやCSSがあるのはなぜなのかを理解しておく必要があります。必要でなければ、コードを変更してそれらをヘッダーまたはフッターに移動する必要があります。キャッシングプラグインはまったく関係ないので、そのようなページ変更機能を提供することすら避けてください。