Cocoonのキャッシュ削除＆高速化 完全ガイド｜プラグインと競合しない安全な設定方法

WordPressの無料テーマ「Cocoon」は、テーマ単体でもPageSpeed Insightsで90点前後を狙えるほど高速化機能が充実しています。

しかし「キャッシュ」は速くする代わりに、「更新したのに反映されない」「レイアウトが崩れる」といったトラブルも起こしがち。特にキャッシュ系プラグインと併用すると、機能が重複して思わぬ不具合に悩まされることがあります。

この記事では、Cocoonユーザーが安心して高速化できるよう、以下の内容を整理してまとめました。

検証環境：WordPress 6.9.4 / Cocoon 2.9.1.1 / Xserver スタンダードプラン / PHP 8.3.21（2026年4月時点）

Cocoonの「キャッシュ」は2種類ある｜まず仕組みを理解しよう

Cocoonには「内部キャッシュ」と「ページキャッシュ」の2種類があり、それぞれ管理する場所と削除方法が異なります。この違いを把握しておくだけで、キャッシュ関連のトラブルの大半を防げます。

1. Cocoon内部キャッシュ（部品単位のキャッシュ）

Cocoonは表示を軽くするために、SNSシェアカウント（記事のシェア数）、人気記事ウィジェット（アクセスランキングの集計結果）、外部ブログカード（外部サイトのOGP情報）、Amazon商品リンク（Amazon APIから取得した商品情報）、楽天商品リンク（楽天APIから取得した商品情報）といった「部品」を一時保存して使い回しています。

これらは 「Cocoon設定 → キャッシュ削除」 から個別に削除できます。

2. ページキャッシュ（ページ全体のキャッシュ）

こちらはWP Fastest CacheやLiteSpeed Cacheなどのキャッシュプラグイン、またはサーバー側の機能（エックスサーバーの「サーバーキャッシュ設定」など）が担当する領域です。

ページ全体をHTMLとして保存し、PHPの処理を省略することで高速化します。効果は大きいものの、更新が反映されにくくなるため「消し方」と「併用の仕方」を知っておくことが重要です。

Cocoonのキャッシュ削除｜どこで何を消せばいい？

キャッシュ削除の操作は「Cocoon設定 → キャッシュ削除」から行います。各キャッシュの役割と削除タイミングを知っておけば、必要なものだけピンポイントで消せるようになります。

操作画面への入口

WordPress管理画面 → Cocoon設定 → キャッシュ削除

ここに各種キャッシュの削除ボタンが並んでいます。Cocoon公式では定期的な削除が推奨されています。

削除できるキャッシュ一覧

症状別｜どのキャッシュを消すべきか早見表

「何かおかしい」と感じたら、まずブラウザキャッシュを確認し、次にCocoon側、最後にプラグイン・サーバー側の順で削除するのが鉄則です。以下のケース別に、具体的な手順をまとめました。

ケースA：「更新したのに反映されない」

1. まずブラウザのキャッシュを確認（最も基本）

シークレットウィンドウで表示を確認するか、ハードリロード（Windows: Ctrl+F5 / Mac: Cmd+Shift+R）を実行してください。

2. Cocoon設定 → キャッシュ削除で関連項目を削除

外部ブログカードを使用している場合は外部ブログカードキャッシュ、人気記事の順位がおかしい場合は人気記事ウィジェットキャッシュを削除します。

3. キャッシュプラグイン導入中ならプラグイン側も削除

WP Fastest Cacheなら「キャッシュを削除」タブから、LiteSpeed Cacheなら「パージ」からキャッシュをクリアします。

4. サーバー側キャッシュも確認（エックスサーバーなど）

キャッシュの5層構造と各層の消し方は「WordPressでCSS更新が反映されない｜キャッシュ5層の切り分け」で詳しく解説しています

ケースB：「SNSシェア数が更新されない」

SNSカウントキャッシュを削除 → しばらく待つ

SNS側の仕様で即時反映できないこともあります。キャッシュを消してから数時間〜1日待ってみてください。

ケースC：「人気記事ウィジェットの順位が変」

人気記事ウィジェットキャッシュを削除

特にアクセス集計系プラグイン（Jetpackなど）と併用していると、集計タイミングのズレで順位が実態と異なることがあります。

ケースD：「ブログカード（外部）のタイトルやサムネが古い」

外部ブログカードキャッシュを削除

外部サイト側が更新された直後は、Cocoon側のキャッシュが古いままになっていることが多いです。

ケースE：「Amazon商品リンクが更新されない」

Amazon商品リンクはAPI制限を避けるためにキャッシュ前提で動いています。むやみに「全削除」すると大量リクエストが発生し、表示が不安定になりやすいです。

Cocoon公式によると、全キャッシュ削除後も「時間が経てばキャッシュが順次生成され、いずれ正常表示される」仕組みになっています。

Cocoon設定だけでできる高速化｜まずはここから

Cocoonは「高速化」メニューから、ブラウザキャッシュ・CSS/JS縮小化・遅延読み込みなどを設定するだけで、プラグインなしでも十分な速度改善が見込めます。ただし、一気に全部ONにせず「1つずつ有効化→動作確認」の手順を守ることが重要です。

設定画面への入口

WordPress管理画面 → Cocoon設定 → 高速化

初心者は「1つずつONにして動作確認」がおすすめです。一気に全部ONにすると、問題が起きたときの原因特定が難しくなります。

推奨設定一覧

Cocoon公式では、以下の項目にチェックを入れることが推奨されています。

1. ブラウザキャッシュの有効化

画像やCSS、JavaScriptなどをブラウザに保存させ、2回目以降のアクセスを高速化する定番設定です。

画像差し替え時にキャッシュで古い画像が表示される問題は「WordPressで削除したアイキャッチが戻る」で詳しく解説しています

2. CSS縮小化・JavaScript縮小化

コード内の不要な空白や改行を削除し、ファイルサイズを減らします。転送量が減って速くなる反面、プラグインやスキンとの相性で表示崩れが起きることがあります。

崩れた場合の対処： まず縮小化をOFFにして原因を切り分けましょう。特にJavaScript縮小化でスライダーやメニューが動かなくなるケースが報告されています。

3. Lazy Load（遅延読み込み）

ファーストビュー外の画像の読み込みを遅らせて、初期表示速度を向上させます。

4. Google Fontsの非同期読み込み

Google Fontsはレンダリングをブロックしがちなので、非同期読み込みが効果的です。ただしフォントの「ちらつき（FOUT）」が気になる場合もあるので、見た目のチェックは必須です。

キャッシュプラグインとの併用｜「事故らない」コツは1つだけ

Cocoonとキャッシュプラグインを併用する最大のコツは「機能の重複を避ける」ことです。Cocoonは多機能テーマのため、プラグインと役割がかぶりやすく、二重化がトラブルの最大の原因になります。以下の表で「どちらが担当するか」を明確にしておきましょう。

機能の担当分け表

WP Fastest Cacheとの併用設定

Cocoon公式で推奨されているプラグインです。Apache系サーバー（エックスサーバーなど）で効果的です。

Cocoon側で無効化すべき項目：HTML縮小化、CSS縮小化、JavaScript縮小化（いずれもWP Fastest Cache側で行う場合）。

WP Fastest Cache側の設定ポイント：「キャッシュを有効にする」はON、「先読み」はON（投稿、カテゴリー、固定ページなど）、「モバイルキャッシュ」はOFF（Cocoonはレスポンシブ対応のため）、「Gzip圧縮」はOFF（エックスサーバーはBrotli対応のため不要）。

LiteSpeed Cacheとの併用設定

LiteSpeed系サーバー（mixhost、ロリポップなど）で利用できるプラグインです。

Cocoon側で無効化すべき項目：ブラウザキャッシュの有効化、CSSを縮小化する、JavaScriptを縮小化する、Lazy Loadを有効にする。

LiteSpeed Cache側の注意点：「モバイルをキャッシュ」はOFF（Cocoonはレスポンシブ対応）、「CSS圧縮化」「CSS結合」はモバイルでレイアウト崩れが発生しやすい、画像の遅延読み込みはCocoon側と二重化しないよう注意してください。

サーバー側キャッシュとの関係

レンタルサーバーにもキャッシュ機能があるため、Cocoonやプラグインと三重に設定が重なると不具合の原因になります。特にエックスサーバーを利用している場合は、以下の点を確認しておきましょう。

エックスサーバーの場合

エックスサーバーには「サーバーキャッシュ設定」（ページキャッシュ機能）、「ブラウザキャッシュ設定」（Cocoonと重複する可能性あり）、「Brotli圧縮」（Gzipより高圧縮のためプラグインのGzip設定は不要）の3つのキャッシュ関連機能があります。

エックスサーバーでは、Cocoonのブラウザキャッシュ機能とサーバー側の機能を併用すると、.htaccessの設定が競合する可能性があります。どちらか一方に統一しましょう。

Xserverでの運用トラブルについては「XserverのWAF誤検知でコード記事が上がらない…MarsEditで投稿した実体験」も参考になります

不具合が出たら｜最短で原因を見つける切り分け手順

キャッシュや高速化設定で不具合が出た場合、「全部OFF → 1つずつON」で原因を切り分けるのが最速の解決法です。以下のチェックリストに沿って順番に確認してください。

ステップ1：Cocoon高速化をいったん全部OFF

Cocoon設定 → 高速化 のチェックを全て外して保存します。

ステップ2：キャッシュプラグインの最適化機能をOFF

WP Fastest CacheやLiteSpeed Cacheを使っている場合、「縮小化」「Lazy Load」などの最適化機能だけをOFFにします（ページキャッシュはONのままでOK）。

ステップ3：ブラウザキャッシュを無効化して確認

シークレットウィンドウで表示するか、DevTools（F12）でキャッシュを無効化して確認してください。

ステップ4：1つずつONに戻す

機能を1つずつONにしていき、崩れた瞬間の項目が原因です。

よくある「当たり」パターン

10分でできる！おすすめの最短ルート

Cocoonの高速化は、「計測→Cocoon設定→（必要なら）プラグイン導入」の3ステップで進めれば、10分程度で完了します。以下の手順で、安全に最大限の効果を引き出しましょう。

Step 1：現状を計測

まずPageSpeed Insights（https://pagespeed.web.dev/）で現在のスコアを記録しておきます。

Step 2：Cocoon高速化を設定

Cocoon設定 → 高速化 でブラウザキャッシュの有効化、CSSを縮小化する、JavaScriptを縮小化するの順に1つずつON → 表示確認してください。

Step 3：ページキャッシュプラグインを導入（任意）

サーバーに合わせて選択します。Apache系（エックスサーバーなど）ならWP Fastest Cache、LiteSpeed系（mixhost、ロリポップなど）ならLiteSpeed Cacheが適しています。

Step 4：表示崩れが出たら

縮小化またはLazy Loadの二重化を疑い、どちらかをOFFにします。

Step 5：更新が反映されない時

3段キャッシュを順番に削除します。ブラウザのキャッシュ → Cocoon設定のキャッシュ削除 → プラグイン側のキャッシュ削除（+ サーバー側）の順です。

まとめ：Cocoon高速化は「足し算」より「整理」が効く

Cocoonの高速化で最も大切なのは、設定を盛り込むことではなく「どの機能を誰が担当するか」を整理することです。

Cocoonのキャッシュ削除は「内部キャッシュ」を消す場所、ページキャッシュはプラグイン（またはサーバー）側の担当、高速化の最大のコツは「二重化させない」こと、不具合時は「全部OFF → 1つずつON」が最短の解決法――この4点を覚えておけば、キャッシュ関連で困ることはほぼなくなります。

設定を盛り込むよりも「どの機能を誰が担当するか」の整理こそが、「速くて安定した」サイトへの近道です。

Cocoonテーマのみでも、PageSpeed Insightsでモバイル・パソコン双方90点前後は十分に狙えます。 ただし、Googleアドセンス、アナリティクス、SNS連携などの外部リソースを読み込むと点数は下がります。これはテーマ側ではどうしようもない部分なので、過度にスコアを気にしすぎないことも大切です。

参考リンク

Cocoon公式サイトの高速化設定ガイドとAmazon APIキャッシュの削除方法です。

• Cocoonおすすめのサイト高速化設定｜Cocoon公式
• Amazon商品リンクキャッシュを削除する方法｜Cocoon公式