WordPressが出力するリソースを圧縮してページの表示速度をアップできるWordPressプラグイン「Autoptimize」のメモ。

 

設定すると自動で↓こんな感じにHTML、CSS、JavaScriptを圧縮してくれます。

2014-11-12_010051

 

CSS、JavaScriptは複数の外部ファイルを読み込んでいても一つに結合&圧縮してくれるので管理も楽です。

例えば、

  • reset.css
  • common.css
  • top.css
  • jquery.js
  • jquery-ui.js
  • hogehoge.js(jQueryプラグインなどのjs)

というファイルをリンクしていた場合、

autoptimize.css

autoptimize.js

というファイルに結合・圧縮してくれます。

 

 

ダウンロード

Autoptimize

https://wordpress.org/plugins/autoptimize/

 

 

設定方法

Autoptimize

 

このサイト(TERAKOYA)は上記の設定にしています。

自分のサイトに合わせて色々試してみるといいと思います。