キャッシュとは?

キャッシュとは、一度生成したデータを保存しておき、次回以降はその保存データを使い回すことで処理を高速化する仕組みです。

WordPressでキャッシュが重要な理由

WordPressは動的にページを生成するため、アクセスのたびにデータベースへの問い合わせやPHPの実行が発生します。キャッシュを使うことでこれらの処理を省略し、高速表示を実現できます。

キャッシュなしの場合

  1. ユーザーがページにアクセス
  2. WordPressがデータベースから記事データを取得
  3. PHPでHTMLを生成
  4. ブラウザにHTMLを送信
  5. 所要時間:2〜3秒

キャッシュありの場合

  1. ユーザーがページにアクセス
  2. 保存済みのHTMLをそのまま送信
  3. 所要時間:0.3〜0.5秒
速度改善効果:キャッシュを適切に設定すると、ページ表示速度が5〜10倍速くなることも珍しくありません。

キャッシュの種類

キャッシュの種類 説明 設定場所
ブラウザキャッシュ ユーザーのブラウザに画像やCSSなどを保存 .htaccess、サーバー設定
ページキャッシュ 生成されたHTMLページ全体を保存 キャッシュプラグイン
データベースキャッシュ データベースクエリの結果を保存 キャッシュプラグイン
オブジェクトキャッシュ PHPオブジェクトをメモリに保存 Redis、Memcachedなど
OPcache PHPコード自体を高速化 サーバー側で設定

おすすめキャッシュプラグイン

プラグイン名 特徴 おすすめ度
WP Rocket 有料だが最も高機能。初心者でも設定簡単 ★★★★★
W3 Total Cache 無料で高機能。設定項目が多く上級者向け ★★★★☆
WP Super Cache シンプルで初心者向け。基本機能のみ ★★★★☆
LiteSpeed Cache LiteSpeedサーバー専用。超高速 ★★★★★(LiteSpeed限定)
選び方のポイント:初心者は「WP Super Cache」、中級者以上は「W3 Total Cache」、予算があれば「WP Rocket」がおすすめです。LiteSpeedサーバー利用者は「LiteSpeed Cache」一択です。

WP Super Cacheの設定方法

初心者にもおすすめの「WP Super Cache」の基本設定を解説します。

インストールと有効化

  1. WordPress管理画面で「プラグイン」→「新規追加」
  2. 「WP Super Cache」を検索
  3. 「今すぐインストール」→「有効化」
  4. 「設定」→「WP Super Cache」で設定画面を開く

推奨設定

1. 簡易タブ

2. 高度な設定タブ

3. コンテンツタブ

注意:設定変更後は必ず「キャッシュを削除」してから動作確認しましょう。古いキャッシュが残っていると変更が反映されません。

ブラウザキャッシュの設定

画像やCSS、JavaScriptファイルをブラウザに保存させることで、2回目以降の訪問時の読み込みを高速化できます。

.htaccessでの設定例

サーバーの.htaccessファイルに以下を追加します。

推奨:キャッシュプラグインを使っている場合、プラグインが自動で設定してくれることが多いため、手動設定は不要な場合があります。

ブラウザキャッシュの有効期限

ファイルの種類 推奨キャッシュ期間
HTML 0秒(キャッシュなし)
CSS、JavaScript 1週間〜1ヶ月
画像(JPG、PNG、GIF) 1ヶ月〜1年
フォント 1年

キャッシュのクリア(削除)

サイトを更新した際は、キャッシュをクリアして新しい内容を反映させる必要があります。

キャッシュクリアが必要な場面

キャッシュクリアの方法

WP Super Cacheの場合

  1. WordPress管理画面で「設定」→「WP Super Cache」
  2. 「キャッシュを削除」ボタンをクリック

管理バーから

多くのキャッシュプラグインは、WordPress管理バー(サイト上部の黒いバー)にキャッシュ削除ボタンを表示します。これを使うと簡単にクリアできます。

自動削除機能:最近のキャッシュプラグインは、記事を更新すると自動的にそのページのキャッシュを削除してくれます。

キャッシュ使用時の注意点

1. ログイン中のユーザーには注意

ログイン中のユーザーにキャッシュを表示すると、管理バーが表示されなかったり、カスタマイズが反映されなかったりします。

対策:キャッシュプラグインの設定で「ログインユーザーにはキャッシュを使わない」にチェックを入れましょう。

2. 動的コンテンツとの相性

以下のような動的コンテンツはキャッシュと相性が悪い場合があります。

解決策:特定のページだけキャッシュを無効にする、またはAjaxで動的に読み込むなどの対策が必要です。

3. モバイルとPCで別キャッシュ

レスポンシブデザインでない場合、モバイルとPCで別々のキャッシュを生成する必要があります。

サーバー側のキャッシュ機能

多くのレンタルサーバーでは、サーバー側でキャッシュ機能を提供しています。

主要サーバーのキャッシュ機能

併用がおすすめ:サーバー側のキャッシュとWordPressプラグインのキャッシュは併用可能です。両方使うことで最大限の速度改善が期待できます。

キャッシュ効果の確認方法

PageSpeed Insightsで測定

Googleが提供する無料ツール「PageSpeed Insights」でサイト速度を測定できます。

確認手順

  1. PageSpeed Insights(https://pagespeed.web.dev/)にアクセス
  2. サイトURLを入力
  3. 「分析」ボタンをクリック
  4. スコアと改善提案を確認

目標スコア

関連機能:キャッシュ以外にも、画像最適化CDNの導入で速度をさらに改善できます。

まとめ

キャッシュは、サイトの表示速度を大幅に改善する最も効果的な方法の一つです。初心者の方は、まずキャッシュプラグインを導入するだけでも大きな効果が得られます。

最初にやるべきこと

  1. キャッシュプラグイン(WP Super CacheやW3 Total Cache)をインストール
  2. 基本設定を有効化
  3. PageSpeed Insightsで速度を確認
  4. 必要に応じて細かい調整

関連ページ