Webサイトの表示速度を上げるキャッシュ活用術|3種類の仕組みと設定の要点

「一度見たはずのページなのに、また待たされる」
そんな体験が続くと、ユーザーはサイトから静かに離れていきます。

実際、Portentの調査(2022年)によると、問い合わせや申し込みを主な目的とするサイトでは、表示が1秒のサイトのコンバージョン率は、5秒かかるサイトの約3倍にのぼります。

表示速度の改善というと、多くの方はまず画像の圧縮やコードの見直しから手をつけます。
ただ、それと同じくらい効果が大きいのに見落とされやすいのが、「キャッシュ」の設定です。

キャッシュとは、一度読み込んだデータを一時的に保存しておき、次回はそれを再利用して表示を速くする仕組みのことです。
まずは、キャッシュにどんな種類があるのかを、見ていきましょう。

キャッシュは大きく3種類ある

ひとくちにキャッシュといっても、データを保存する「場所」によって役割が変わります。
Webサイトに関わるものは、大きく3種類に分けられます。

1. ブラウザキャッシュ

画像やCSS、JavaScriptといったファイルを、訪問者のブラウザ側に保存する仕組みです。
2回目以降のアクセスでは、保存済みのファイルをそのまま使うため、ダウンロードが減り、表示が速くなります。

サーバーが「このファイルは一定期間ためておいてよい」と伝えるCache-Controlという設定で、保存期間を決めます。

2. サーバーキャッシュ

WordPressのようなCMSは、アクセスのたびにデータベースを参照して、ページを一から組み立てています。
サーバーキャッシュは、その組み立てた結果をサーバー側に保存しておき、次回はそのまま返す仕組みです。

ページ全体を保存する「ページキャッシュ」と、データベースへの問い合わせ結果を保存する「オブジェクトキャッシュ」があり、どちらもサーバーの応答を速くします。

3. CDNキャッシュ

CDNとは、サイトのデータを世界各地のサーバーにコピーしておき、訪問者にいちばん近いサーバーから届ける仕組みです。
その各地のサーバーにコンテンツを保存しておくのがCDNキャッシュで、離れた地域からのアクセスでも表示が安定します。

なぜキャッシュは速度に効くのか

効果がとくに表れるのは、2回目以降のアクセスです。
初回は必要なファイルを一通り読み込みますが、2回目以降は保存済みのデータを再利用できるため、通信量もサーバーの処理も減らせます。

サーバーの応答速度は、TTFB(最初の1バイトが届くまでの時間)という指標で表されます。HTTP Archiveの2025年調査によると、モバイルで「良好」の基準(0.8秒以内)を満たしたページは44%(前年は42%)にとどまり、半数以上がこの基準を満たせていません。
この調査でも、キャッシュから応答を返せる場合はネットワークの往復を省け、再訪問時のTTFBが改善すると説明されています。

安定して速いサイトほど、裏側でキャッシュがうまく働いているのです。

WordPressでキャッシュを設定する要点

キャッシュは種類ごとに、設定のポイントが違います。
大事なところを表にまとめました。

種類設定方法注意点
ブ⁠ラ⁠ウ⁠ザ画像・CSS・JSなど更新の少ないファイルの保存期間を、Cache-Controlで長めに設定更新が反映されないときは、ファイル名を変えて対応
サ⁠ー⁠バ⁠ー多くのレンタルサーバーは管理画面から有効化。キャッシュ用プラグインでの追加も可能会員・カートなど毎回変わるページは対象から外す
CDNCDNを契約し、キャッシュする対象と保存期間(TTL)を設定決済・会員ページで古い情報が表示される不具合と、更新の反映遅れに注意

プラグインでキャッシュを追加する場合は、必ず検証環境で動作を確かめてから本番に反映しましょう。

ブラウザキャッシュは、画像やCSSなど内容が変わらないファイルほど保存期間を長めに、更新の多いページは短めに、と使い分けるのが基本です。

設定後は「外形監視」で速度を監視し続ける

キャッシュは、一度設定すれば効き続けるとはかぎりません。
プラグインの追加や設定変更、サーバーの状態によって、いつの間にかキャッシュが外れ、表示が遅くなることがあります。

Googleのweb.devは、TTFBの「良好」の目安を0.8秒以内としています。
だからこそ、設定したあとも速度が保てているかを、継続して監視することが欠かせません。

そこで役立つのが、サイトの外側から状態を見張る「外形監視」です。
私たちが提供するAppmillは、サイトの死活監視や応答速度、SSL・ドメインの有効期限などを、外部から自動でチェックします。フリープランなら最大100URLを無料で、5分間隔で監視できます

導入にかかる時間は約3分です。まずは無料アカウントを作成し、設定後の速度を見える化してみてはいかがでしょうか。

プランや機能の最新情報は、公式サイト(https://appmill.work/)でご確認ください。

まとめ

キャッシュは種類が多く見えても、一度に全部そろえる必要はありません。

まずは、サーバーやお使いのプラグインで有効にできるキャッシュを1つオンにするところから始めてみてください。
それだけでも、2回目以降の表示は目に見えて軽くなります。

大切なのは、速くした状態を保ち続けることです。
速度は運用のなかで少しずつ落ちていくので、定期的に測り、落ちてきたら早めに手を打てるようにしておきましょう。