WordPressで読み込んでるCSSはテーマだけではなくブロックエディタ用や使用しているプラグイン用のCSS等、何ファイルか外部CSSとして読み込んでいます。 プラグインが多くなった等 で読み込む外部CSSがあまり多くなると、それだけページの表示が遅れる場合があります。その場合は外部CSSをインライン(ヘッダ内)に出力すると改善する場合があります。 ※最近では 既にCSSをインライン(ヘッダ内)に出力するようにしているテーマもいくつか見うけられます。 ここでは外部CSSを全てminifyしてインライン(ヘッダ内)に出力するTipsを紹介します。 【公開ページ HTMLソース インラインTips利用前】 ※結構な数のCSSファイルを読んでます。 【公開ページ HTMLソース インラインTips利用後】 ※CSSファイルの読み込みタグが無くなり、CSSを直接インライン出力しています。 全ての
![【実験中】外部CSSを全てminifyしてインライン(ヘッダ内)に出力する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b781a4a07255331f28ce62f5777f0de14d1ce104/height=288;version=1;width=512/https%3A%2F%2Fnendeb.com%2Fwp-content%2Fuploads%2Fmain_allcssminify-1024x576.png)