「一度見たはずのページなのに、また待たされる」
そんな体験が続くと、ユーザーはサイトから静かに離れていきます。
実際、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で長めに設定 | 更新が反映されないときは、ファイル名を変えて対応 |
| サーバー | 多くのレンタルサーバーは管理画面から有効化。キャッシュ用プラグインでの追加も可能 | 会員・カートなど毎回変わるページは対象から外す |
| CDN | CDNを契約し、キャッシュする対象と保存期間(TTL)を設定 | 決済・会員ページで古い情報が表示される不具合と、更新の反映遅れに注意 |
プラグインでキャッシュを追加する場合は、必ず検証環境で動作を確かめてから本番に反映しましょう。
ブラウザキャッシュは、画像やCSSなど内容が変わらないファイルほど保存期間を長めに、更新の多いページは短めに、と使い分けるのが基本です。
設定後は「外形監視」で速度を監視し続ける
キャッシュは、一度設定すれば効き続けるとはかぎりません。
プラグインの追加や設定変更、サーバーの状態によって、いつの間にかキャッシュが外れ、表示が遅くなることがあります。
Googleのweb.devは、TTFBの「良好」の目安を0.8秒以内としています。
だからこそ、設定したあとも速度が保てているかを、継続して監視することが欠かせません。
そこで役立つのが、サイトの外側から状態を見張る「外形監視」です。
私たちが提供するAppmillは、サイトの死活監視や応答速度、SSL・ドメインの有効期限などを、外部から自動でチェックします。フリープランなら最大100URLを無料で、5分間隔で監視できます。
導入にかかる時間は約3分です。まずは無料アカウントを作成し、設定後の速度を見える化してみてはいかがでしょうか。
プランや機能の最新情報は、公式サイト(https://appmill.work/)でご確認ください。
まとめ
キャッシュは種類が多く見えても、一度に全部そろえる必要はありません。
まずは、サーバーやお使いのプラグインで有効にできるキャッシュを1つオンにするところから始めてみてください。
それだけでも、2回目以降の表示は目に見えて軽くなります。
大切なのは、速くした状態を保ち続けることです。
速度は運用のなかで少しずつ落ちていくので、定期的に測り、落ちてきたら早めに手を打てるようにしておきましょう。
