⚡ WordPressキャッシュ完全ガイド
キャッシュは、サイトの表示速度を劇的に改善する仕組みです。適切にキャッシュを設定することで、ユーザー体験の向上とSEO効果が期待できます。このページでは、キャッシュの仕組みから実装方法まで詳しく解説します。
キャッシュとは?
キャッシュとは、一度生成したデータを保存しておき、次回以降はその保存データを使い回すことで処理を高速化する仕組みです。
WordPressでキャッシュが重要な理由
WordPressは動的にページを生成するため、アクセスのたびにデータベースへの問い合わせやPHPの実行が発生します。キャッシュを使うことでこれらの処理を省略し、高速表示を実現できます。
キャッシュなしの場合
- ユーザーがページにアクセス
- WordPressがデータベースから記事データを取得
- PHPでHTMLを生成
- ブラウザにHTMLを送信
- 所要時間:2〜3秒
キャッシュありの場合
- ユーザーがページにアクセス
- 保存済みのHTMLをそのまま送信
- 所要時間:0.3〜0.5秒
キャッシュの種類
| キャッシュの種類 | 説明 | 設定場所 |
|---|---|---|
| ブラウザキャッシュ | ユーザーのブラウザに画像やCSSなどを保存 | .htaccess、サーバー設定 |
| ページキャッシュ | 生成されたHTMLページ全体を保存 | キャッシュプラグイン |
| データベースキャッシュ | データベースクエリの結果を保存 | キャッシュプラグイン |
| オブジェクトキャッシュ | PHPオブジェクトをメモリに保存 | Redis、Memcachedなど |
| OPcache | PHPコード自体を高速化 | サーバー側で設定 |
おすすめキャッシュプラグイン
| プラグイン名 | 特徴 | おすすめ度 |
|---|---|---|
| WP Rocket | 有料だが最も高機能。初心者でも設定簡単 | ★★★★★ |
| W3 Total Cache | 無料で高機能。設定項目が多く上級者向け | ★★★★☆ |
| WP Super Cache | シンプルで初心者向け。基本機能のみ | ★★★★☆ |
| LiteSpeed Cache | LiteSpeedサーバー専用。超高速 | ★★★★★(LiteSpeed限定) |
WP Super Cacheの設定方法
初心者にもおすすめの「WP Super Cache」の基本設定を解説します。
インストールと有効化
- WordPress管理画面で「プラグイン」→「新規追加」
- 「WP Super Cache」を検索
- 「今すぐインストール」→「有効化」
- 「設定」→「WP Super Cache」で設定画面を開く
推奨設定
1. 簡易タブ
- 「キャッシング利用(推奨)」を選択
- 「ステータスを更新」ボタンをクリック
2. 高度な設定タブ
- 「圧縮ページを配信」にチェック
- 「キャッシュを使用するブラウザへのHTTPヘッダーを追加」にチェック
- 「ステータスを更新」ボタンをクリック
3. コンテンツタブ
- キャッシュ有効期限:3600秒(1時間)を推奨
- 更新頻度が高いサイトは短め、低いサイトは長めに設定
ブラウザキャッシュの設定
画像やCSS、JavaScriptファイルをブラウザに保存させることで、2回目以降の訪問時の読み込みを高速化できます。
.htaccessでの設定例
サーバーの.htaccessファイルに以下を追加します。
ブラウザキャッシュの有効期限
| ファイルの種類 | 推奨キャッシュ期間 |
|---|---|
| HTML | 0秒(キャッシュなし) |
| CSS、JavaScript | 1週間〜1ヶ月 |
| 画像(JPG、PNG、GIF) | 1ヶ月〜1年 |
| フォント | 1年 |
キャッシュのクリア(削除)
サイトを更新した際は、キャッシュをクリアして新しい内容を反映させる必要があります。
キャッシュクリアが必要な場面
- 記事を新規投稿・更新した時
- テーマやプラグインを変更した時
- CSSやJavaScriptを編集した時
- サイトのデザインを変更した時
キャッシュクリアの方法
WP Super Cacheの場合
- WordPress管理画面で「設定」→「WP Super Cache」
- 「キャッシュを削除」ボタンをクリック
管理バーから
多くのキャッシュプラグインは、WordPress管理バー(サイト上部の黒いバー)にキャッシュ削除ボタンを表示します。これを使うと簡単にクリアできます。
キャッシュ使用時の注意点
1. ログイン中のユーザーには注意
ログイン中のユーザーにキャッシュを表示すると、管理バーが表示されなかったり、カスタマイズが反映されなかったりします。
2. 動的コンテンツとの相性
以下のような動的コンテンツはキャッシュと相性が悪い場合があります。
- コメント欄(リアルタイム表示)
- カート機能(ECサイト)
- 会員限定コンテンツ
- アクセスカウンター
3. モバイルとPCで別キャッシュ
レスポンシブデザインでない場合、モバイルとPCで別々のキャッシュを生成する必要があります。
サーバー側のキャッシュ機能
多くのレンタルサーバーでは、サーバー側でキャッシュ機能を提供しています。
主要サーバーのキャッシュ機能
- エックスサーバー:Xアクセラレータ、FastCGI
- ConoHa WING:コンテンツキャッシュ
- カラフルボックス:LiteSpeed Cache(LiteSpeed採用)
- ロリポップ:ロリポップアクセラレータ
キャッシュ効果の確認方法
PageSpeed Insightsで測定
Googleが提供する無料ツール「PageSpeed Insights」でサイト速度を測定できます。
確認手順
- PageSpeed Insights(https://pagespeed.web.dev/)にアクセス
- サイトURLを入力
- 「分析」ボタンをクリック
- スコアと改善提案を確認
目標スコア
- 90点以上:優秀(非常に高速)
- 50〜89点:改善の余地あり
- 49点以下:要改善(遅い)
まとめ
キャッシュは、サイトの表示速度を大幅に改善する最も効果的な方法の一つです。初心者の方は、まずキャッシュプラグインを導入するだけでも大きな効果が得られます。
最初にやるべきこと
- キャッシュプラグイン(WP Super CacheやW3 Total Cache)をインストール
- 基本設定を有効化
- PageSpeed Insightsで速度を確認
- 必要に応じて細かい調整