はじめに
WP Rocketは設定が簡単でありながら高い効果を発揮する有料キャッシュプラグインです。インストール直後から自動的に最適化が開始され、Core Web Vitalsの改善にも効果的です。
症状・原因
- WP Rocketを購入したが初期設定の優先順位が分からない
- 遅延読み込みを有効にしたらファーストビューの画像が遅くなった
- プリロードの設定方法が分からない
- WooCommerceと組み合わせた場合の設定が分からない
解決手順
ステップ1：ライセンス認証とインストール
WP Rocketはwp-rocket.meから購入後、ZIPファイルをダウンロードしてインストールします。
# ZIPファイルからインストール
wp plugin install /path/to/wp-rocket.zip --activateインストール後、自動的にライセンスキーの入力を求められます。
ステップ2：キャッシュ設定（自動有効化）
WP Rocketはインストール直後からページキャッシュが自動で有効になります。
設定 → WP Rocket →「キャッシュ」タブ
→ モバイルデバイス用のキャッシュ: ✓
→ ユーザーごとのキャッシュ: ログイン済みユーザーが多い場合のみWP-CLIアドオンでのキャッシュ操作：
# WP Rocket WP-CLIアドオンインストール後
wp rocket clean --confirm
wp rocket preload --confirmステップ3：ファイル最適化
設定 → WP Rocket →「ファイルの最適化」タブ
→ CSSの最小化: ✓
→ CSSの結合: （テーマによっては無効に）
→ JSの最小化: ✓
→ JSの遅延読み込み: ✓JavaScriptの遅延読み込みで問題が出たスクリプトを除外：
設定 → ファイルの最適化 → 遅延JSから除外するスクリプト:
/wp-includes/js/jquery/jquery.min.jsステップ4：メディア設定（遅延読み込み）
設定 → WP Rocket →「メディア」タブ
→ 画像の遅延読み込み: ✓
→ iframeと動画の遅延読み込み: ✓
→ ミッシングイメージサイズを追加: ✓ファーストビューの画像が遅れる場合：
<!-- ヒーロー画像には loading="eager" を明示 -->
<img src="hero.jpg" loading="eager" fetchpriority="high" alt="...">ステップ5：プリロードとプリフェッチ
設定 → WP Rocket →「プリロード」タブ
→ キャッシュのプリロードを有効にする: ✓
→ リンクのプリフェッチ: ✓（ホバー時に次ページをプリロード）
→ DNS プリフェッチ: 使用している外部ドメインを追加
//fonts.googleapis.com
//www.google-analytics.comステップ6：WooCommerce対応
設定 → WP Rocket →「詳細ルール」タブ
→ キャッシュしないURL:
/cart/
/checkout/
/my-account/
→ Cookieによってキャッシュしない:
woocommerce_cart_hash
woocommerce_items_in_cart注意事項
- nullified（海賊版）WP Rocketは絶対に使用しないでください。マルウェアが含まれている場合があります
- ライセンスは1サイト・3サイト・無制限の3プランがあります
- 更新はライセンス有効期間中のみ可能です
まとめ
WP Rocketはインストール直後から動作しますが、「ファイル最適化」→「メディア遅延読み込み」→「プリロード」の順に設定を確認し、WooCommerceサイトではカート・チェックアウトの除外設定を必ず行ってください。