ページ表示の高速化設定

サイト全体の高速化設定

サイト全体の共通設定については管理画面左メニューのCocoon設定 > 高速化にて設定することができます。

こちらの高速化設定について詳しくはCocoonの公式マニュアルをご覧ください。

Cocoonおすすめのサイト高速化設定

Cocoonと相性の良いページの高速化設定方法の紹介です。Cocoonデフォルト機能だけでも十分にPageSpeed Insightsで高得点が狙えます。加えて、ページキャッシュプラグインや、画像最適化プラグインを利用すれば、より良い良いパフォーマンスを目指すことも可能かと思います。

wp-cocoon.com

ページ単位での高速化設定

ページ単位での高速化については以下のページで紹介している「キャッシュページ生成機能」を使うことで表示速度を改善することができます。

Ver4.1.4.xのアップデート内容

Ver4.1.4.0（更新日：2023.8.18） キャッシュページ生成機能（β版） 今回のアップデートの目玉として「キャッシュページ生成機能」を新たに追加しました。 まずは論より証拠で以下のページを見比べてみてください（どちらも全く同じコンテンツです）。 デモページ 通常のページ キャッシュページ生成機能を有効化したページ いかがでしょうか？ 通信環境によって異なるかもしれませんが、おそらく表示...

webya-tools.com

設定方法

各ページごとの設定はカスタムフィールド > 高速化設定の項目を「キャッシュモード」または「マルチモード」にチェックを入れてページを保存するだけで簡単に設定することができます。

表示モードの違いについて

ノーマルモード

これまで通り通常のページを表示します。

キャッシュモード

現在のページとは別に静的なキャッシュページを生成し、元のページを表示した際にキャッシュしたページを読み込みます。キャッシュページを読み込む際にサーバーでの処理を通すため、キャッシュページを直接表示するよりもページの表示速度は若干落ちますが、元のページURLをそのまま使えるので、

• すでに現在のページを広告出稿用のURLとして使用している
• サイト内の別のページで内部リンクとしてそのURLを使用している

..など「リンク先のURLを変更せずに高速化したい」といった場合はこのモードを選択すると良いでしょう。

マルチモード

キャッシュモードと同様にキャッシュページを生成しますが、キャッシュしたページを表示せずにそれぞれ別のページとして扱うことができます。このモードではキャッシュモードとは違ってキャッシュページURLを直接使用することでより高速にページを表示することができますので、

• 新たに広告出稿用のURLとして登録する時
• リンク先を設定し直してでもページを高速化したい時

は、このモードで発行したキャッシュページURLを直接使うと良いでしょう。

Cocoon設定の高速化でCSSやJavaScriptを縮小化している場合の注意点

前述のCocoon設定 > 高速化にてCSSやJavaScriptを縮小化している場合、CSSやJavaScriptに関するコードが全てインラインで出力された状態でキャッシュページが生成されるため、ウラオモテや親テーマのCocoonのバージョンをアップデートしてもキャッシュページには反映されませんので、その点だけご注意ください。

なお、本テーマのVer4.1.5から「キャッシュページの一括更新」の機能を追加していますので、ウラオモテやCocoonをアップデートした際に表示がおかしくなったと感じた場合はこの機能をお使いください。

ページスコアについて

本テーマのキャッシュ機能はあくまでも体感重視でPageSpeed Insightsでハイスコアが取れるようなものではありませんので、その点だけご理解頂けると助かります。