WordPress(Page Speed対応) – CSS を縮小する
難易度
★すごく簡単
概要
CSSファイルの改行やコメントアウトを消して、ファイルサイズを減らすことで、CSSの読み込み時間がちょっと短くなるよ。っていう試作です。
[css].menu{ font-size:1em; width:100%; }
.sub{ font-size:0.8em; width:80%; }[/css]
↓
[css].menu{font-size:1em;width:100%;}.sub{font-size:0.8em;width:80%;}[/css]
CSSファイルを普通に縮小してしまうと今後の運用に多大なダメージになってしまうので、WordPressプラグインHead Cleanerを使用しましょう。「CSS と JavaScript を、サーバ上にキャッシュする」にチェックを入れ、「CSS を最適化する」を有効にすることで、自動的にコードを整形してくれます。
注意点
CSSを整形するので、レイアウトが崩れていないか確認をしましょう。
確認方法
各種ブラウザで確認