2026年5月20日
2026年5月20日
WP Rocketの設定方法|導入から各タブの設定・WooCommerceでの注意まで
WP Rocket は、WP Media 社が販売している有料のキャッシュプラグインです。有効化した時点でページキャッシュが動き、CSS・JavaScript の圧縮などいくつかの最適化も最初から有効になります。そのうえで、遅延読み込みや JavaScript の実行遅延といった効果の大きい機能を、サイトの表示を確かめながら1つずつ有効にしていくのが基本の進め方です。
この記事の画面の項目名と初期値は、WP Rocket 3.24(2026年10月リリース)のソースコードと公式ドキュメントで2026年11月時点に確認したものです。WP Rocket の日本語訳は一部の項目だけで、新しい項目は英語のまま表示されます。この記事では英語の項目名を書き、日本語訳がある項目は括弧で添えています。
導入する
- 公式サイト(wp-rocket.me)でプランを購入する。プランは対象サイト数で分かれていて、2026年11月時点では Single(1サイト)・Plus(3サイト)・Multi(50サイト以上)があります。料金は割引の時期によって変わるので、購入時に公式の料金ページで確認してください。
- WP Rocket のアカウントページから ZIP ファイルをダウンロードする。Mac の Safari はダウンロード時に ZIP を自動で展開することがあるので、その場合は設定で自動展開を止めてからダウンロードし直します。
- WordPress の管理画面で「プラグイン」→「新規プラグインを追加」→「プラグインのアップロード」から ZIP を選び、インストールして有効化する。
WP-CLI を使う場合は次のとおりです。
wp plugin install /path/to/wp-rocket_3.24.zip --activate
アカウントページからダウンロードした ZIP にはライセンス情報が含まれていて、有効化するとライセンスは自動で確認されます。通常はライセンスキーを手で入れる必要はありません。
ほかのキャッシュプラグイン(W3 Total Cache、WP Super Cache、LiteSpeed Cache など)とページキャッシュを二重にすると、表示の不具合の原因になります。WP Rocket を入れる前に、ほかのキャッシュプラグインは無効化して削除してください。
有効化した時点で動いている機能
設定画面は、管理画面の「設定」→「WP Rocket」にあります。初回の有効化で、次の項目が有効になります(ソースコードの初期値で確認)。
| 機能 | 初期状態 |
|---|---|
| ページキャッシュ(モバイル用のキャッシュを含む) | 有効 |
| Minify CSS files(CSS ファイル圧縮・軽量化) | 有効 |
| Minify JavaScript files(JavaScript ファイル圧縮・軽量化) | 有効 |
| Google Fonts の最適化 | 有効 |
| Activate Preloading(プリロードを有効化) | 有効 |
| Heartbeat の頻度を下げる | 有効 |
| 画像・iframe の LazyLoad、Load JavaScript deferred、Delay JavaScript execution、CDN | 無効 |
| キャッシュの有効期間(Cache Lifespan) | 10時間 |
古いバージョンから使い続けているサイトでモバイル用のキャッシュが無効になっている場合は、設定画面に「Enable Mobile Cache」のボタンが表示されます。押すとモバイル用のキャッシュが有効になります。
設定を変える前に
WP Rocket の最適化は、テーマやほかのプラグインとの組み合わせで表示が崩れることがあります。次の順で進めると、原因を切り分けやすくなります。
- 1つの項目を有効にして「変更を保存」を押す
- ログアウトした状態(またはシークレットウィンドウ)で、トップページ・投稿・固定ページ・フォームのあるページを開いて確かめる
- 問題があればその項目だけを無効に戻す
ログイン中の管理者には、標準ではキャッシュが配信されません。表示の確認はログアウトした状態で行ってください。
JavaScript & CSS タブ
CSS と JavaScript の最適化をまとめたタブです。
| 項目 | 内容 |
|---|---|
| Minify CSS files(CSS ファイル圧縮・軽量化) | CSS の空白やコメントを削る。初期状態で有効 |
| Optimize CSS delivery(CSS 配信の最適化) | 「Remove Unused CSS(未使用 CSS 削除)」か「Load CSS asynchronously(CSS 非同期読込)」のどちらかを選ぶ。どちらも WP Rocket のサーバー側で処理する機能 |
| Minify JavaScript files(JavaScript ファイル圧縮・軽量化) | JavaScript の空白やコメントを削る。初期状態で有効 |
| Load JavaScript deferred(JavaScript 遅延読込) | script に defer を付け、HTML の解析を止めずに読み込む |
| Delay JavaScript execution(JavaScript の実行遅延) | ユーザーがスクロールやクリックなどの操作をするまで JavaScript を実行しない。表示速度の数値は良くなりやすいが、スライダーやメニューなどが操作前に動かなくなることがある |
Delay JavaScript execution を有効にして動かない機能が出た場合は、「One-click exclusions」で該当するプラグインやテーマを選ぶか、「Excluded JavaScript Files(除外 JavaScript ファイル)」に対象のファイルの URL の一部を1行に1つずつ書いて除外します。
以前のバージョンにあった CSS の結合や DNS プリフェッチの設定は、3.24 の設定画面には表示されません。古い解説記事の手順と画面が合わない場合は、この点を確かめてください。
Image & Media タブ
| 項目 | 内容 |
|---|---|
| LazyLoad の Enable for images(画像向け対策を有効化) | 画面外の画像を、スクロールで近づいたときに読み込む |
| Enable for CSS background images | CSS の背景画像も遅延読み込みする |
| Enable for iframes and videos(iframes とビデオ向け対策を有効化) | 埋め込み動画などの iframe を遅延読み込みする |
| Replace YouTube iframe with preview image(YouTube の iframe をプレビュー画像へ置換) | YouTube の埋め込みを、クリックされるまでサムネイル画像で表示する |
| Excluded images or iframes(除外する画像または iframes) | 遅延読み込みから外したい画像のファイル名やクラス名を書く |
| Add missing image dimensions(不足している画像サイズの追加) | width・height が無い img タグに寸法を補い、読み込み中のレイアウトのずれを減らす |
| Preload fonts・Self-host Google Fonts | フォントの先読みと、Google Fonts を自分のサーバーから配信する設定 |
最初に画面に表示される画像(ファーストビューの画像)まで遅延読み込みすると、表示が遅れて見えます。WP Rocket には、実際の表示からファーストビューの画像を判定して優先的に読み込む機能があります。それでもメイン画像が遅れて表示される場合は、その画像のファイル名を「Excluded images or iframes」に追加してください。
Preload タブ
| 項目 | 内容 |
|---|---|
| Activate Preloading(プリロードを有効化) | サイトマップなどからページを集め、訪問者が来る前にキャッシュを作っておく。初期状態で有効 |
| Exclude URLs | プリロードの対象から外す URL |
| Enable link preloading(リンクのプリロードを有効化) | 訪問者がリンクにマウスを重ねたとき、そのページを先に読み込み始める |
Cache Rules タブ
キャッシュの対象と期間を決めるタブです。
| 項目 | 内容 |
|---|---|
| Never Cache URL(s)(キャッシュしない URL) | キャッシュしないページの URL。ログイン URL を変えている場合などに追加する |
| Never Cache Cookies(キャッシュしない Cookie) | この Cookie を持つ訪問者にはキャッシュを返さない |
| Never Cache User Agent(s) | 特定のユーザーエージェントにはキャッシュを返さない |
| Always Purge URL(s) | 記事を更新したときに、あわせてキャッシュを消す URL |
| Cache Query String(s) | 指定したクエリ文字列付きの URL もキャッシュする |
| Cache Lifespan(キャッシュの有効期間) | キャッシュ全体を作り直す間隔。初期値は10時間 |
WooCommerce を使っている場合
WooCommerce を有効にしていると、WP Rocket はカート・チェックアウト・マイアカウントの各ページを自動でキャッシュの対象から外します(設定画面にその旨が表示されます)。これらのページの URL を「Never Cache URL(s)」に手で追加する必要はありません。
カートの中身によって表示を変える独自の仕組み(会員向けの価格表示など)を入れている場合は、その仕組みが使う Cookie を「Never Cache Cookies」に追加するなど、個別の対応が必要です。
キャッシュを消す・WP-CLI で操作する
設定を変えたあとや表示がおかしいときは、管理バーの「WP Rocket」メニューからキャッシュを消去できます。
WP-CLI から操作したい場合は、WP Media 社が公開している WP-CLI 用のパッケージ(wp-rocket-cli)を入れます。
# wp rocket コマンドを追加する
wp package install wp-media/wp-rocket-cli
# キャッシュを消す(確認を省略)
wp rocket clean --confirm
# キャッシュのプリロードを始める
wp rocket preload
# 設定を JSON ファイルに書き出す(別サイトへ移すときなど)
wp rocket export
ライセンスの期限が切れた場合
ライセンスの期限が切れても WP Rocket のキャッシュは動き続けますが、プラグインの更新とサポートは受けられなくなります。公式ドキュメントでは、Remove Unused CSS などサーバー側で処理する機能は期限切れから15日後に止まると案内されています。更新を受けられない状態で使い続けると、不具合やセキュリティの修正も届かないため、使い続けるなら更新するか、ほかのキャッシュ手段に切り替えてください。
配布元以外で出回っている WP Rocket(いわゆる nulled 版)には、マルウェアが仕込まれていることがあります。公式サイトのアカウントページ以外から入手したものは使わないでください。
無料のキャッシュプラグインと比べたい場合は、W3 Total Cacheの設定方法、WP Super Cacheの設定方法、LiteSpeed Cacheの設定方法 も参考にしてください。