WordPressテーマ「Cocoon」には、サイトの表示速度を向上させる「高速化」という機能が備わっています。この機能だけでもかなりの速度向上が見込めますが、Cocoon公式で推奨されている高速化プラグインの一つ「WP Fastest Cache」を使用することで、さらにサイトの表示速度を高めることが可能です。
「WP Fastest Cache」は、どのようなことができるか
WP Fastest Cacheは、キャッシュを有効化して、表示速度を高速化するプラグイン。設定がシンプルで初心者でも使いやすい特徴があります。
- キャッシュの有効化➡ウェブページのコンテンツをキャッシュして、再読み込み時の表示速度を高速化します。
- 簡単な設定➡ 初心者でも使いやすい設定画面で、基本的なキャッシュ設定を行えます。
- キャッシュの削除➡コンテンツを更新した際に、キャッシュを手動で削除できます。
- 除外設定➡特定のページやコンテンツをキャッシュから除外できます。
このプラグインを使用することで、ウェブサイトの読み込み速度を改善し、ユーザーエクスペリエンスを向上させることができます 。
「WP Fastest Cache」インストールから設定
WordPressの管理画面から「プラグイン」→「新規追加」へ進み、「WP Fastest Cache」を検索し、インストール後に「WP Fastest Cache」を有効化します。
有効化したら、「設定」から「WP Fastest Cache」をクリックして設定を行います。デフォルトの画面では、すべてのオプションが無効になっています。
最初に「Language→日本語」を選択し、「Submit」をクリック
基本設定
下記のように✔されたらいいです。
基本設定では、次の５つの項目にチェックを入れて有効化してください。
- キャッシュ: チェックを入れる
- ログインユーザー: チェックを入れる
- モバイル: チェックを入れる
- 新規投稿: Clear All Cacheにチェックを入れる
※Cocoonの高速化にある項目と重複しないように注意してください。
【Gzipについて】
この設定にチェックを入れるとサイトリソースをサーバー上で圧縮して転送を減らすことで高速化します。”Cocoon”の「高速化」はサーバー側のレスポンスに対応していないのでオンにするのが良いでしょう。
出典: fudousin.com
【絵文字を無効にする】
使用している人は少ないように思いますが“WordPress”もSNSでよく見かける絵文字に対応しています。絵文字を使っている場合や使う予定があるのであればチェックを入れずにしておくのが良いでしょう。
絵文字を使わない（使う予定がない）場合：チェックを入れてオンにする
絵文字を使っている（使う予定がある）場合：チェックを入れないオフにのまま出典: fudousin.com
設定が完了したら、「変更を保存」を忘れずにクリックしておきましょう。
「キャッシュの削除」の有効期限の設定
設定するには、メニューから「キャッシュの削除」タブをクリックし、「Add New Rule」を選択すると「Cache Timeout Wizard」の画面が表示されます。ここでキャッシュの有効期限を設定します。
WP Fastest Cacheの削除
WP Fastest Cacheでキャッシュを有効化した際に不具合が発生した場合は、キャッシュをクリアーすることで解消することができます。
クリアーする方法は下記のとおりです。
- 管理画面の上部にある「キャッシュを削除」から「キャッシュと縮小したCSS/JSを削除する」を選択します
- 管理画面から「WP Fastest Cache」から「キャッシュの削除」から進み「キャッシュと縮小したCSS/JSを削除する」を選択します
これにより、古いキャッシュは削除されます。
まとめ
サイトの表示速度を早くするためには、下記の方法があります。
- 画像の最適化：画像はサイトの重要な部分ですが、サイズが大きいとページの読み込み速度が遅くなります。画像をWeb用に最適化し、必要な場合はサイズを縮小します。
- キャッシュの活用：ブラウザキャッシュやサーバーキャッシュを有効にすることで、再訪問時のページ読み込み速度を向上させることができます。
- 不要なプラグインやスクリプトの削除：使用していないプラグインやスクリプトはページの読み込み速度を遅くするため、不要なものは削除しましょう。
- コードの最適化：HTML、CSS、JavaScriptのコードを圧縮・最適化することで、ページの読み込み速度を向上させることができます。
- コンテンツ配信ネットワーク（CDN）の使用：CDNを使用すると、世界中のサーバーからコンテンツを配信することができるため、ユーザーの位置に近いサーバーからコンテンツを読み込むことができ、ページの表示速度が向上します。
- ホスティング環境の改善：高速なホスティング環境に移行することで、サイトの表示速度を向上させることができます。
- レスポンシブデザインの採用：モバイルデバイスでの表示に最適化されたレスポンシブデザインを採用することで、さまざまなデバイスでの表示速度を向上させることができます。
これらの方法を組み合わせて実践することで、サイトの表示速度を大幅に改善することが可能です。ここではキャッシュを活用して速度を上げる方法を紹介しました。参考にしてみて下さい。
