Kinsta Edge Caching: ウェブページの提供が最大 80% (またはそれ以上) 高速化

公開: 2022-12-22

Web サイトの訪問者は、デスクトップまたはモバイル デバイスでページが読み込まれるのを待ちたがりません。 ページの読み込みが遅いと、競合他社のサイトに急いで移動する可能性があります。 また、ウェブサイトのパフォーマンスが検索結果に与える影響についても心配しています。

Kinstaでは、スピードを真剣に考えており、お客様のサイトをより速くすることを常に目指しています.

2022 年 12 月にマネージド WordPress ホスティング プランに Kinsta Edge Caching が追加されたことで、顧客がウェブサイトのページをより速くブラウザに表示できるようにする新しいツールが追加されました。

最初のバイトまでの時間 (TTFB) を測定すると、エッジ キャッシュを有効にした場合のすべてのテストの平均応答時間は 207 ミリ秒でしたが、エッジ キャッシュを使用しない場合は 402.59 ミリ秒でした。 これは、ほぼ 49% の低下です。 しかし、私たちのテストで実際の Web サイトの一部はそれよりもはるかに優れたパフォーマンスを示し、エッジ キャッシュを使用すると TTFB のパフォーマンスが 80% 近く速くなりました。 以下では、これらの数字についてさらに掘り下げていきます。

より多くのコンテンツが「エッジにある」場合に、WordPress ウェブサイトのパフォーマンスがどのように向上するかを見てみましょう.

エッジ キャッシングとは

WordPressホスティングのお客様の多くは、Kinsta CDNを介してCloudflareとそのエッジサーバーとの統合をすでに利用しています. このコンテンツ配信ネットワークは、サイトの静的アセット (画像、フォント、CSS や JavaScript を含むファイルなど) を、世界中の Cloudflare のネットワーク上の 275 以上の場所に配置します。 つまり、これらのアセットは、Web サイトの訪問者の物理的な場所の近くで利用できます。 これらのアセットの輸送距離が短いほど、ネットワーク レイテンシが低くなります。

WordPress ページの HTML を Edge Caching することは、CDN でアセットを管理することによく似ています。 違いは、ほとんど変更されない画像などのファイルのキャッシュの管理が比較的簡単なことです。 最初に WordPress によって動的に生成され、静的コンテンツとしてキャッシュされ、コンテンツが編集されるたびに再生成されるコンテンツを管理するのはより困難です。

コンテンツはどのようにエッジにキャッシュされますか?

エッジ キャッシュは、ブラウザーによるサイトのページの要求によって設定されます。 ページがまだキャッシュされていない場合、リクエストは元の WordPress サイトに渡されます。このサイトでは、ページがローカル キャッシュにあるか、WordPress によって再度生成されている可能性があります。 ページは、ブラウザに戻る途中でエッジ キャッシュに保存されます。 同じパス上の今後のリクエストは、キャッシュがクリアされるまでキャッシュの恩恵を受けます。

これは、モバイル キャッシュの設定方法でもあります。 ページのリクエストがモバイル デバイスから送信された場合、コンテンツはモバイル キャッシュに保存されます。 (モバイル キャッシュは、たとえば iOS デバイスと Android デバイスを区別しません。タブレットからの要求は、デスクトップ コンテンツとグループ化されます。)

WordPress ローカルキャッシュとエッジキャッシュ

Kinsta は、サイト独自のサーバーでのローカル WordPress キャッシュへのプラグインを使用しないアプローチを提供します。 Kinsta の Edge Caching はそのシンプルさを維持しています。ローカル キャッシュをクリアするために行ってきたのと同じ手順で、エッジ キャッシュの同期も維持されます。

さらに、MyKinsta ダッシュボードには、エッジ キャッシュ (およびエッジ キャッシュのみ) を直接クリアする機能が含まれています。

Edge Caching の新機能は、モバイル デバイスのキャッシュを有効にする機能です。 Web サイトがモバイル デバイス用の独自のマークアップを生成する場合、その HTML をデスクトップ デバイス用のコンテンツとは別にキャッシュできます。

Kinsta Edge キャッシングは Cloudflare の APO と同じですか?

Kinsta Edge Caching は、Cloudflare の自動プラットフォーム最適化 (APO) サービスで使用されるものと同じエッジ サーバーの強力なネットワークを共有します。 APO は、WordPress サイトにエッジ キャッシングを提供するようにも設計されています。

Kinsta Edge Caching の特徴は次のとおりです。

  • 追加料金なし。 (Edge Caching は、マネージド WordPress ホスティングのすべてのプランで無料です)。
  • キャッシュ管理プラグインは必要ありません。
  • MyKinsta ダッシュボードとのシームレスな統合。
  • CDN とエッジ キャッシングを管理するための 1 つのプラットフォーム。
Web ページの配信時間を 50% 以上短縮できることをご存知ですか? はい、Kinsta Edge Cachingによって可能になりました! 詳しくはこちらのガイドをご覧ください️ クリックしてツイート

Kinsta Edgeキャッシングをテストする

この機能を正式にリリースする前に、一部のお客様に新しい Edge Caching サービスのベータ版を試してフィードバックを収集していただくようお願いしました。 世界中のベータ テスターの実際の Web サイトは、テクノロジのスピード テストに最適な環境を提供してくれました。

アイオワ州カウンシル ブラフスにあるus-central1として知られる Google データ センターから、私たちのチームの自動ツールがベータ テスターの Web サイトをポーリングし、3 つのキャッシュ シナリオの応答時間を記録しました。

  1. Cloudflareエッジサーバーのキャッシュからページが配信されたとき。
  2. Cloudflare エッジ サーバーでページが見つからず、オリジン サーバーの「ローカル」キャッシュからプルされた場合。
  3. キャッシュされたページがまったくなく、WordPress が PHP スクリプトを起動し、データベース クエリを起動してページを動的に構築する必要があったとき。

主な焦点は、ローカル キャッシュとエッジ キャッシュの応答時間の違いでした。

応答時間を 2 つの方法で測定しました。

  1. 最初のバイトまでの時間 — ページの要求とデータの最初のバイトの到着との間のギャップ。
  2. HTML ページ全体をダウンロードする時間です。

TTFB の測定では、Web サーバーとブラウザーの間のネットワークの待機時間に焦点を当てます。これは、ページを完了するために転送されるデータの量に大きく依存しないためです。 ページ全体の転送のタイミングを計ることは、HTML をブラウザーに配信するという実際のタスクを反映する有効な手段です。

数字で見るエッジキャッシング

世界中のデータセンターにある WordPress サイトを対象とした数百回のテストの結果、Kinsta Edge Caching により、ページ全体をブラウザに配信するのに必要な時間が平均で50% 以上短縮されることがわかりました。

見てみましょう：

Edge Caching による TTFB とページ配信速度の向上を示すグラフ。
TTFB: 402.59 ミリ秒 (ローカル キャッシュ)、207 ミリ秒 (エッジ)。 フルページ: 490.99 ミリ秒 (ローカル キャッシュ)、223.98 ミリ秒 (エッジ)。

私たちのテストに基づくと、エッジ キャッシングは TTFB を平均で約 48.6% 削減し、完全なページを転送する時間は約 54.4% 短縮されました。

長距離で 80% を超える改善

すべての速度テストの平均は印象的でしたが、そのビューには重要なデータが隠されている可能性があります。特に、グローバルな視聴者をターゲットにしている場合は.

私たちのテストでは、エッジ キャッシングがブラウザーとより離れたオリジン サーバーとの間のギャップを狭めたときに、いくつかの劇的なパフォーマンスの向上が見られました。

たとえば、Edge Caching は、アイオワ州のテスト ロケーションとシンガポールにある Google のasia-southeast1データ センターの間でTTFB を 83.6% 削減し、ページ転送時間を 85.6% 削減しました。

ジュロン ウェスト データセンターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 672.01 ミリ秒 (ローカル キャッシュ)、110.05 ミリ秒 (エッジ)。 フルページ: 901.1 ミリ秒 (ローカル キャッシュ)、129.79 ミリ秒 (エッジ)。[/caption

シドニーaustralia-southeast1データ センターの WordPress サイトに接続すると、 TTFB は 73.6% 近く減少し、ページ転送時間は 77.3% 減少しました。

[caption align="alignnone" width="1000"] シドニー データ センターのエッジ キャッシングのパフォーマンスを示すグラフ。 TTFB: 898.26 ミリ秒 (ローカル キャッシュ)、237.21 ミリ秒 (エッジ)。 フルページ: 1,130.48 ミリ秒 (ローカル キャッシュ)、256.95 ミリ秒 (エッジ)。

メルボルンのaustralia-southeast2データセンターでも同様の数値が確認されました。 そこのKinsta顧客のWordPressサイトでは、エッジキャッシングがTTFBを平均77.8％削減し、ページ転送を82.7％近く削減しました。

メルボルン データセンターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 607.37 ミリ秒 (ローカル キャッシュ)、134.63 ミリ秒 (エッジ)。 フル ページ: 812.46 ミリ秒 (ローカル キャッシュ)、140.62 ミリ秒 (エッジ)。

フィンランドのハミナにあるeurope-north1データ センターでホストされているサイトに接続すると、 TTFB は 41.7% 近く減少し、ページ転送時間は 56.3% 以上減少しました。

ハミナ データ センターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 579.81 ミリ秒 (ローカル キャッシュ)、338.17 ミリ秒 (エッジ)。 フルページ: 822.21 ミリ秒 (ローカル キャッシュ)、358.89 ミリ秒 (エッジ)。

ベルギーのサンギスランにあるeurope-west1データセンターでホストされているサイトでは、 TTFB とページ転送時間が 69% 短縮されました。

Ghislain データセンターの Edge Caching パフォーマンスを示すグラフ。
TTFB: 464.64 ミリ秒 (ローカル キャッシュ)、143.13 ミリ秒 (エッジ)。 フルページ: 464.92 ミリ秒 (ローカル キャッシュ)、143.38 ミリ秒 (エッジ)。

英国ロンドンのeurope-west2データセンターでテストされた Web サイトでは、 TTFB が 58% 減少し、ページ転送時間が 60.8% 減少したことが示されました。

ロンドン データ センターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 372.4 ミリ秒 (ローカル キャッシュ)、156.17 ミリ秒 (エッジ)。 フルページ: 458.18 ミリ秒 (ローカル キャッシュ)、179.34 ミリ秒 (エッジ)。

ドイツのフランクフルトにあるeurope-west3データセンターでは、 TTFB が約 64% 減少し、ページ転送時間が 67.5% 減少しました。

フランクフルト データ センターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 409.27 ミリ秒 (ローカル キャッシュ)、147.42 ミリ秒 (エッジ)。 フルページ: 507.52 ミリ秒 (ローカル キャッシュ)、164.98 ミリ秒 (エッジ)。

オランダの Eemshaven にあるeurope-west4データ センターでホストされているサイトへの接続TTFB は 56% 近く減少し、ページ転送時間は 63.6% 減少しました。

Eemshaven データ センターのエッジ キャッシングのパフォーマンスを示すグラフ。
TTFB: 394.49 ミリ秒 (ローカル キャッシュ)、173.76 ミリ秒 (エッジ)。 フルページ: 538.84 ミリ秒 (ローカル キャッシュ)、195.82 ミリ秒 (エッジ)。

カナダのモントリオールにあるnorthamerica-northeast1データ センターでサイトをテストしたところ、 TTFB は 10% 強減少し、ページ転送時間は 16.2% 強減少しました。

モントリオール データ センターのエッジ キャッシングのパフォーマンスを示すグラフ。
TTFB: 325.3 ミリ秒 (ローカル キャッシュ)、292.28 ミリ秒 (エッジ)。 フルページ: 351.1 ミリ秒 (ローカル キャッシュ)、294.15 ミリ秒 (エッジ)。

オハイオ州コロンバスにあるus-east5データセンターでは、 TTFB とページ転送時間がほぼ 59% 短縮されました。

Columbus データセンターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 326.69 ミリ秒 (ローカル キャッシュ)、133.97 ミリ秒 (エッジ)。 フル ページ: 341.15 ミリ秒 (ローカル キャッシュ)、140.5 ミリ秒 (エッジ)。

米国ネバダ州ラスベガスにあるus-west4データセンターでは、 TTFB が 54.7% 強減少し、ページ転送時間が 57.3% 近く減少しました。

ラスベガス データ センターのエッジ キャッシング パフォーマンスを示すグラフ。
TTFB: 366.73 ミリ秒 (ローカル キャッシュ)、165.88 ミリ秒 (エッジ)。 フルページ: 413.39 ミリ秒 (ローカル キャッシュ)、176.63 ミリ秒 (エッジ)。

しかし、エッジキャッシングをテストしているのはKinstaだけではありません.

Forgemedia デジタル エージェンシーの共同設立者である Brian Jackson 氏は、TTFB と Edge Caching 後のブラウザーでの WordPress ページの完全なレンダリングの時間を計りました。 彼はまた、最大のコンテンツ ペイント (LCP) にも注目しました。これは、ページのメイン コンテンツが十分にレンダリングされ、ユーザーがそれを使用可能であると認識できるポイントです。 彼は自分の調査結果を Twitter に投稿しました。

ブライアン・ジャクソンのツイートのスクリーンショット。
ツイッター/ブライアン・ジャクソン。 （ツイッターでご覧ください。）

SRH DesignのSimon Harperは、TTFBとLCP、およびページの主要なコンテンツではない場合でも、画面上のコンテンツの最初の外観であるファーストコンテンツペイント（FCP）を調べて、Kinstaエッジキャッシングをテストしました. 彼はまた、Twitterで次のように報告しました。

Simon Harper のツイートのスクリーンショット。
ツイッター/サイモン・ハーパー。 （ツイッターでご覧ください。）

Web ページの構造と、JavaScript、CSS、画像などのリンクされたアセットが FCP と LCP に影響を与える可能性がありますが、すべてはページの HTML がブラウザーに配信されるところから始まります。

サイトの可能性を最大限に引き出す準備はできていますか? Kinsta Edge Caching を使用して、サイトのページを超高速で (特に世界中で) 配信します! ️ ここから始めましょうクリックしてツイート

Kinstaエッジキャッシングの開始

MyKinstaダッシュボードでWordPress Webサイトを作成すると、デフォルトでエッジキャッシングが有効になります。 つまり、エッジ キャッシュの速度向上を利用するために指一本離す必要はありません。

2023 年 1 月以降、Kinsta は、サービスと互換性のある既存のサイトでエッジ キャッシングを自動的に有効にします。 Edge Caching を既存のサイトですぐに機能させたい場合は、次のようにして有効にすることができます。

ダウンタイムや WordPress の問題に悩まされていませんか? Kinstaは、時間を節約するために設計されたホスティングソリューションです! 私たちの機能をチェックしてください
  • 左側のナビゲーションで [ WordPress サイト]を選択します。
  • エッジ キャッシュを有効にするサイトの名前を選択します。
  • [エッジ キャッシング]を選択します。
  • [エッジ キャッシュを有効にする] ボタンをクリックします。
スクリーンショット: MyKinsta でエッジ キャッシングを有効にする。
MyKinsta ダッシュボードでエッジ キャッシングを有効にします。

モバイル コンテンツをエッジにキャッシュする

Web サイトがモバイル ブラウザーを検出し、それらのデバイスに固有のマークアップを含むページを生成する場合、デスクトップ ユーザー向けのコンテンツとは別にモバイル キャッシュを有効にすることができます。

次のように、MyKinsta でモバイル キャッシングを有効にします。

  • 左側のナビゲーションで [ WordPress サイト]を選択します。
  • エッジ キャッシュが有効になっているサイトの名前を選択します。
  • [エッジ キャッシング]を選択します。
  • [モバイル キャッシュを有効にする] ボタンをクリックします。
スクリーンショット: MyKinsta でモバイル キャッシュを有効にする。
モバイル デバイスのエッジ キャッシングを有効にします。

Web サイトのデザインが、同じレスポンシブ HTML/CSS マークアップを使用するデスクトップ ブラウザーとモバイル ブラウザーの両方をサポートしている場合は、モバイル キャッシュを有効にする必要はありません。

キャッシュされたコンテンツの管理

Kinsta Edge Caching は、ほとんどのお客様がすでに WordPress ウェブサイトで使用しているキャッシュ管理ツールとシームレスに連携するように設計されています。 MyKinstaでエッジキャッシュのコンテンツを直接ターゲットにすることもできます:

  • 左側のナビゲーションで [ WordPress サイト]を選択します。
  • エッジ キャッシュが有効になっているサイトの名前を選択します。
  • [エッジ キャッシング]を選択します。
スクリーンショット: MyKinsta のキャッシュをクリアしています。
MyKinsta ダッシュボードでエッジ キャッシュをクリアします。

サイトのすべてのページをグローバル エッジ キャッシュからクリアするには、[キャッシュをクリア] ボタンをクリックします。

特定のページまたはパスのみをクリアする必要がある場合は、ターゲット URL を [URLキャッシュのクリア] フィールドに貼り付けて、[ URL キャッシュのクリア] ボタンをクリックします。 Clear cache of every subdirectory under the specified URLのオプションをオンにして、特定のパス上のすべてのコンテンツのキャッシュをクリアします。

エッジ キャッシングのオプトアウト

エッジ キャッシングがお客様の Web サイトに適していないことがわかっている場合は、2023 年 1 月にほとんどの既存のサイトでサービスの有効化が開始される前にオプトアウトできます。

MyKinstaで：

  • 左側のナビゲーションで [ WordPress サイト]を選択します。
  • WordPress サイトの名前を選択します。
  • [エッジ キャッシング]を選択します。
  • 「オプトアウトしたい… 」トグルを有効にします。
スクリーンショット: MyKinsta でのエッジ キャッシングのオプトアウト。
MyKinsta ダッシュボードを使用してエッジ キャッシングをオプトアウトします。

Web サイトで Edge Caching が既に有効になっている場合は、ページの右上隅に [無効にする] ボタンがあります。

スクリーンショット: MyKinsta でエッジ キャッシングを無効にする。
エッジ キャッシュの無効化

エッジ キャッシングに関する簡単な質問

あなたは疑問に思うかもしれません…

エッジ キャッシングはすべてのプランで無料ですか?

はい。 エッジ キャッシングは、MyKinsta ダッシュボード内で作成されたすべてのライブ サイトでデフォルトで有効になっています。 エッジ キャッシングは、Premium アカウント内のステージング サイトでも利用できます。

エッジ キャッシングは、Web サイトのモバイル バージョンのパフォーマンスを向上させますか?

モバイル デバイス用に調整されたマークアップを生成する Web サイトに対して、モバイル固有のキャッシュを有効にすることができます。 Web サイトのデザインが、同じレスポンシブ HTML/CSS マークアップを使用するデスクトップ ブラウザーとモバイル ブラウザーの両方をサポートしている場合、モバイル キャッシュは必要ありません。

WordPress 最適化プラグインを使用する必要がありますか?

いいえ。KinstaのマネージドWordPressホスティングプラットフォームは、ローカルキャッシング、エッジキャッシング、および世界で最も人気のあるCMSをサポートするように微調整されたCDNを提供します. サードパーティの WordPress プラグインは必要ありません。

エッジ キャッシュをオフにできますか?

はい。 MyKinsta ダッシュボード内の任意のタイプでエッジ キャッシングを無効にすることができます。 サイトが Edge Caching と互換性があるかどうかわからない場合は、Kinsta のサポート チームに連絡してアドバイスを求めてください。

概要

インターネットの約束は、常に世界中の人々をつなぐことでした。 しかし、サーバーと訪問者の間の物理的な距離が、Web サイトのパフォーマンスに実際に影響を与えることがわかっています。 エッジ キャッシングは、そのコンテンツを Web ブラウザーに近づけて、ページの読み込みを高速化するための重要な最初のステップを高速化します。

Kinsta は Edge Caching をマネージド WordPress ホスティング サービスの基本コンポーネントにし、Cloudflare 統合に伴う CDN およびネットワーク セキュリティ機能を補完します。

平均して、Kinsta Edge Caching は、ウェブページの HTML をサイトの訪問者に配信するのにかかる時間を半分に短縮します。 真にグローバルなオーディエンスを持つ Web サイトの場合、速度の向上は劇的に速くなる可能性があります。

Edge Caching は、追加料金なしですべてのお客様にご利用いただけます。 セキュリティ、使いやすさ、パフォーマンスを念頭に置いて構築された WordPress ホストを引き続き探している場合は、最適なホスティング プランをご用意しています。