Autoptimize
Autoptimize – HTML/CSS/JS Optimization
Autoptimizeは、HTML・CSS・JavaScriptを最小化・結合して読み込みを高速化する定番の最適化プラグインです。それ自体はページキャッシュを作らないため、WP Fastest Cache等のキャッシュプラグインと組み合わせて使うのが基本的な使い方です。Critical CSSの生成やWebP画像への変換など、周辺の最適化機能も搭載しており、無料の範囲でできる高速化の幅を広げてくれる、長年愛用者の多いプラグインです。
基本情報
| プラグイン名 | Autoptimize |
|---|---|
| 料金 | 完全無料 |
| 開発・運営 | Frank Goossens（futtta） |
| WordPress.org | wordpress.org/plugins/autoptimize/ |
| 特徴 | HTML/CSS/JSの最小化・結合に特化。キャッシュプラグインとの併用が前提 |
| 注意点 | 設定変更後は必ずサイトの表示崩れがないか確認が必要 |
主要機能
CSS/JS最小化・結合
複数のCSS・JavaScriptファイルを結合し、余分な空白やコメントを除去してファイルサイズとリクエスト数を削減する。
HTML最小化
HTMLソース内の不要な空白・改行・コメントを除去し、転送量を削減する。
Critical CSS対応
初期表示に必要な最小限のCSSを先読みさせるCritical CSS機能に対応（一部は有料アドオン）。
画像最適化連携
遅延読み込みや画像の最適化機能（ShortPixel等の外部サービス連携）も搭載している。
Googleフォント最適化
外部読み込みのGoogleフォントをローカルに保存・最適化し、外部リクエストを削減できる。
不要スクリプトの除外設定
特定のCSS/JSファイルを最適化の対象外にする設定が可能。表示崩れが起きた際の細かい調整に使える。
キャッシュプラグインとの組み合わせ方
Autoptimizeはページキャッシュを作らないため、単体では効果が限定的です。以下のような組み合わせで使うのが一般的です。
| 組み合わせ | 役割分担 |
|---|---|
| Autoptimize + WP Fastest Cache | Autoptimizeがファイル最小化、WP Fastest Cacheがページキャッシュを担当 |
| Autoptimize + WP Super Cache | 同様の役割分担。Automattic製の組み合わせで安定性重視 |
設定後は必ずサイトの表示を確認してください。JSの結合順序によっては、まれにサイトの動作（スライダーやフォーム等）に影響が出ることがあります。問題が起きた場合は、該当のファイルを最適化除外リストに追加することで解決できます。
こんな人におすすめ
こんな人におすすめ
- キャッシュプラグインと組み合わせてさらに最適化したい
- CSS/JSの最小化・結合だけを無料で行いたい
- Critical CSSなど踏み込んだ最適化に興味がある
不要なケース
- これ1本だけで高速化を完結させたい（キャッシュプラグインの併用が必要）
- 設定をいじってサイトが崩れるのが不安（設定変更後は表示確認が必須）
まとめ
Autoptimizeは、HTML・CSS・JavaScriptの最小化・結合に特化した、長年愛用者の多い定番プラグインです。単体では効果が限定的なため、WP Fastest Cacheなどのキャッシュプラグインとセットでの利用が前提になります。無料で使える最適化の幅を広げたい場合の定番の追加プラグインです。