Webサイトのパフォーマンスは、オンラインビジネスの成功に不可欠です。c調査に次ぐ調査により、ロード時間の延長が売上に直接影響することが示されています。競争の激しい市場では、Webサイトのパフォーマンスが成功のカギを握っています。遠隔地にある実店舗が集客に苦労するように、遅いWebサイトも同様の困難に直面します。ユーザーエクスペリエンスを向上させ、オンラインエンゲージメントを最大化するためには、Webサイトのパフォーマンスを測定し、改善することが不可欠なのです。自宅でのテストでは、異なる国、異なるデバイス、異なるインターネット接続環境下にいるお客様が、Webサイトをどのように体験しているかを考慮することはできません。
簡単に言うと、自分のWebサイトがどのように機能しているのかがわからないということです。そしてそれは、お客様のビジネスに毎日コストを生じさせる要因となり得ます。
本日、私たちはCloudflare Observatory発表します。これはCloudflareにおけるパフォーマンスの新しいホームです。
Cloudflareは、リアルユーザーモニタリング（RUM）データと異なる地域からのスケジュールされたテストを使用して、Webサイトのパフォーマンスを1つのダッシュボードで簡単に監視できるようになりました。これにより、Webサイトが抱えるパフォーマンスのあらゆる問題を特定することができます。一番の利点は、問題を特定した後、Observatoryはこれらの問題を解決するためのカスタマイズされたレコメンデーションを、すべてワンクリックで強調表示できることです。
Webサイトの高速化をより簡単に実現しましょう。
必要性を感じています。スピードの必要性を！
ネットで成功を収めるには、高速なWebサイトを持つことが重要です。Googleによると、ロード時間が1秒でも改善されれば、モバイルのコンバージョンが最大で27％増加することが示されています。
Deloitteは、「サイトスピードが0.1秒改善されたことで、小売業の消費者が10％近く多く消費したことが確認された」という調査結果を公表しています。また、別のGoogleの調査結果によると、「モバイルサイトのロードに3秒以上かかると、53%のユーザーはページを離れる」ことが明らかになっています。このようにWebサイトのパフォーマンスととビジネスの成功は深く関連しています。
今日のデジタル環境では、顧客は情報への即時アクセスやシームレスなブラウジング体験を期待しています。Webサイトのロードに時間がかかり、「戻る」ボタンをクリックしたり、次のリンクをクリックしたりと、もどかしい思いをしたことはないでしょうか。eコマースサイトにとっては、この遅延は、ユーザーがすぐに他のサイトに移動してしまうため、収益の減少に直結します。
検索エンジン最適化（SEO）の世界ではこのことはさらに重要です。2021年5月、Googleはページスピードをランキングアルゴリズムに組み込むと発表し、検索エンジンの上位表示には、読み込みの速いWebページが重要であることが示されました。
Observatoryの発表
2019年にCloudflareは、「Cloudflareに移行した後のWebサイトの速度は？」と「どれくらい速いだろうか？」という2つの極めて重要な質問に取り組むため、新たにSpeedタブを発売しました。このタブは、Cloudflareの機能を有効にする前と後のWebサイトのパフォーマンスを比較することができます。しかし、このタブでは、トラフィックパターンやキャッシュヒット率を分析し、サイトを最適化する必要があり、Cloudflareの新規ユーザーには難しいものでした。
これに対処するため、私たちはObservatoryを開発しました。開発に際して、Cloudflareはパフォーマンスモニタリングに新しいアプローチを採用しました。Observatoryは、Webサイトのパフォーマンスを理解するために存在していたギャップを埋め、テーラーメイドの推奨事項を提供することで、パフォーマンス問題への対処プロセスを簡素化します。
Observatoryはリアルユーザーモニタリング（RUM）のデータを統合することで、エンドユーザーは世界中のエンドユーザーが体験するWebサイトのパフォーマンスを理解することができます。RUMデータを活用することで、Webサイトの最適化可能な領域に関する貴重なインサイトを示し、これらの問題を解決するためのCloudflare機能や特徴を提示することができます。
さらに、Observatoryには、Webパフォーマンスを評価する業界標準ツールであるGoogle Lighthouseが組み込まれています。私たちがWebPageTestをLighthouseに置き換えたのは、その汎用性の高さとパフォーマンスコミュニティで広く採用されているためです。Lighthouseでは、ユーザーはCloudflareのダッシュボードで直接Lighthouseのパフォーマンスレポートを実行、スケジュール、アクセスすることができます。
Observatoryはまた、異なる場所でのパフォーマンスの違いを理解することが重要であると認識しており、地域ごとのテストも可能です。Webサイトのパフォーマンスを地域ごとにシミュレーションすることで、ユーザーは自分のWebページが特定の国でうまく機能しているかどうか、また、他の国でうまく機能していないかどうかを理解することができます。これにより、ユーザーは世界中のオーディエンスに向けてWebサイトを最適化することができ、場所に関係なく一貫した高速なユーザーエクスペリエンスを実現することができます。
Observatoryは、RUMデータ、Lighthouseのインサイト、地域ごとのテストを統合し、Webサイトのパフォーマンスに関する情報をまとめてCloudflareダッシュボード内する統一された場所です。ユーザーは、ボタンをクリックするだけで、Webサイトのパフォーマンスを総合的に把握し、そのデータに基づいたCloudflareのレコメンデーションを実装することができます。
Cloudflare Observatoryのパフォーマンスを測定する
Webサイトのパフォーマンステストには、大きく分けて2つの方法があります。これらは、合成テストとリアルユーザーモニタリング（RUM）テストです。
合成テストでは、ユーザーのインタラクションをシミュレートし、制御された環境下でパフォーマンスを監視します。これらのテストは、貴重なベースライン測定値を提供し、変更を展開する前に潜在的な問題を特定するのに役立ちます。
一方、RUMテストでは、実際のユーザーがWebサイトにアクセスする際に直接データを収集し、異なる環境やネットワーク条件での実際の体験を捕捉します。RUMテストは、真のエンドユーザーの視点に立ったインサイトを提供します。合成テストとRUMテストの両方を組み合わせることで、Webサイトのオーナーは、変更と最適化がシミュレーションと実際のユーザーエクスペリエンスの両方にどのように影響するかを理解しながら、パフォーマンスの全体像を把握することができます。
Cloudflare Observatoryは、この2つを1か所に統合します。Observatory内にGoogle Lighthouseを統合することで、Cloudflareのユーザーは、サイトのパフォーマンスを総合的に測定し、理解するための簡単な方法を手に入れることができます。Google Lighthouseは、ユーザーエクスペリエンスと検索エンジンのランキングに影響を与えるいくつかの主要なパフォーマンスメトリクスを測定します。生成されたレポートは、1（最もパフォーマンスが低い）から99（最もパフォーマンスが高い）までの総合的なパフォーマンススコアを提供し、Webサイトオーナーは自分のサイトのパフォーマンスを容易に理解することができます。
Observatoryは、Lighthouseの各メトリクスを信号機システムで表示し、テストしたメトリクスの結果を示すユーザーフレンドリーなインターフェイスを提供します。重要なメトリクスのひとつに、主要コンテンツのページのロードパフォーマンスを測定するLCP（Largest Contentful Paint、最大視覚コンテンツの表示時間）があります。最適なLCPスコアは2.5秒以下であり、ユーザーにとって満足のいくロード速度であることを示しています。Observatory Webサイトを通じて、オーナーは自分のLCPスコアやその他のメトリクスを簡単に確認することができます。これにより、サイトのパフォーマンスとユーザーエクスペリエンスを最適化することができます。例えば、Webサイトのオーナーは、LCPスコアを確認することで、改善の機会を特定し、サイトのパフォーマンスを向上させるための情報を得ることができます。
新たな、よりスマートなレコメンデーション
LighthouseとRUMのテストから得られたインサイトを活用することで、Observatoryからのレコメンデーションがよりスマートになりました。これにより、問題を正確に特定し、パフォーマンスを向上させるためのテーラーメイドのCloudflare設定を提供することができます。例えば、Lighthouseのレポートには、Webサイトの改善点が強調表示されています。また、レポートではイメージの最適化のためのいくつかの強化提案が示されます。Cloudflareはこのようなフィードバックを考慮し、ポリッシュを有効にする、画像のリサイズを活用するなどの製品レコメンデーションを行います。これにより、お客様はワンクリックでパフォーマンススコアを向上させることができるようになりました。
お客様は、監査に直接リンクされたCloudflareのダッシュボードで、これらのレコメンデーションを閲覧することができ、便利です。このダッシュボードは、Cloudflareの幅広い機能と特徴を包含しており、時間の経過とともに継続的に改善されます。キャッシュされていない静的コンテンツに対するCache Rulesの追加と、包括的なテストスイートにより、ユーザーは、特定のCloudflare機能を有効にする前に、それを実装することの利点について貴重なインサイトを得ることができるようになります。
製品や機能のパフォーマンスへの影響を事前に把握することで、お客様は十分な情報を得た上で意思決定を行い、自信を持ってWebサイトのパフォーマンスを最適化することができます。
より多くのテスト、複数の地域、繰り返しテスト
旧Speedタブやベータ版のテストでいただいたフィードバックのかなりの部分は、テストの数と場所に関するものでした。このたび、このようなご意見にお応えするため、テスト回数を増やし、すべてのプランタイプで、米国地域から少なくとも1回の定期的な繰り返しテストをスケジュールできるようにしました。
Pro、Business、Enterpriseのサブスクリプションファミリーをご利用のお客様は、さまざまな地域からテストを実行し、その地域におけるサイトのパフォーマンスを把握することができます。例えば、あるWebサイトが米国アイオワ州でのみホストされている場合、Web訪問者がオーストラリアのシドニーからアクセスすると、キャッシュされていないファイルが14,000キロメートルの距離を越えてユーザーのブラウザに送信され、表示されるのにかかる時間により、ページのロードが遅くなります。さまざまな地域でテストを実施することで、お客様はWebサイトのパフォーマンスに関する貴重なインサイトを得ることができ、より良いユーザーエクスペリエンス、およびページのロード時間の改善のために最適化するための情報に基づいた決定を行うことができます。
プランの種類が多いほど、より多くのテストを実行でき、より多くの地域を使用できます。例えば、Proのお客様は、5つの場所から最も重要なページの定期テストを5回設定することができます。これらのテストは、Observatoryの履歴タブに保存され、世界中のページスピードスコアを把握することができます。以下は、各プランタイプで実行可能なテスト回数と、実行可能な地域の詳細です。
.tg {border-collapse:collapse;border-color:#ccc;border-spacing:0;} .tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-viy4{background-color:#FFF;color:#172B4D;text-align:left;vertical-align:top} .tg .tg-hor2{background-color:#F60;color:#FFF;text-align:left;vertical-align:top} .tg .tg-0lax{text-align:left;vertical-align:top}
| Plan | Ad-hoc tests | Recurring tests | Frequency of recurring tests | Regions supported |
|---|---|---|---|---|
| Free | 5 | 1 | Weekly | Iowa, USA |
| Pro | 10 | 5 | Daily | Everything in Free and South Carolina, USA North Virginia, USA Dallas, USA Oregon, USA Hamina, Finland Madrid, Spain St. Ghislain, Belgium Eemshaven, Netherlands Milan, Italy Paris, France Changhua County, Taiwan Tokyo, Japan Osaka, Japan Tel Aviv, Israel London, England Jurong West, Singapore Sydney, Australia Frankfurt, Germany Mumbai, India São Paulo, Brazil |
| Business | 20 | 10 | Daily | |
| Enterprise | 50 | 15 | Daily |
プラン
アドホックテスト
繰り返しテスト
繰り返しテストの頻度
対応地域
Free
5
1
毎週
アイオワ（米国）
Pro
10
5
毎日
無料プランの全機能のほか、サウスカロライナ（米国）北部バージニア（米国）アメリカ、ダラスオレゴン（米国）フィンランド、ハミナスペイン、マドリードベルギー、サン・ギスランオランダ、エームスハーヴェンイタリア、ミラノフランス、パリ台湾、彰化県東京（日本）大阪（日本）イスラエル、テルアビブイギリス、ロンドンシンガポール、ジュロンウェストオーストラリア、シドニーフランクフルト（ドイツ）ムンバイ（インド）ブラジル、サンパウロ
Business
20
10
Daily
Enterprise
50
15
Daily
RUMの組み込み
CloudflareのRUMサービスは、ユーザーのブラウザやデバイスにインサイトを提供し、ページのロード時間、応答時間、その他のユーザーインタラクションなどのメトリクスを追跡します。Cloudflareは、HTMLページにJavaScriptの「ビーコン」を挿入する「ブラウザインサイト」機能を通じて、RUMデータを収集します。このビーコンは、ページのロード時間、サーバー初期応答時間（TTFB）などのメトリクス、その他のWebにおける必須情報を含む、実際のユーザーの視点からのWebサイトのパフォーマンスに関する情報をCloudflareに送信します。
ノートパソコンでいつでも数ページ読み込んでみて、結果を確認できますが、実際のデバイスパフォーマンスとネットワークの状態を確認する唯一の方法は、実際のユーザーからデータを収集することです。
Observatoryは、テスト済みのパスと照合するために、RUMデータを組み込んでいます。これにより、お客様のサイトが世界中でどの程度リアルなユーザーエクスペリエンスなのかを簡単に確認することができます。また、このデータは、テスト済みのパスに対して、Observatoryタブに分けられ、配置されています。実際のユーザーのメトリクスに対して、合成テストデータを直接見ることができるようになります。
当社のRUMプロバイダーは、すでにINP（Interactive Next Paint）スコアを組み込んでいます。2022年、GoogleはInteraction to Next Paint（INP）をその新しいメトリクスとして発表し、INPを新しいCore Web Vitalメトリクスとして、FID（First Input Delay）に代わって、応答性のメトリクスに推進しました。FIDは、ユーザーが最初にWebページと対話してから、その対話に対してブラウザが応答するまでの遅延を測定します。INPは、最初の入力に限らず、Webサイト上でのあらゆるユーザーインタラクションに対する遅延を測定します。この変更は、Webサイトの応答性をより包括的に評価するためのアプローチです。
Web AnalyticsをCloudflareのゾーンで有効にしていないと、ObservatoryでRUMのデータを収集および表示することができなくなります。この機能を有効にする方法は非常に簡単です。詳細についてはこちらをご覧ください。
ワンクリックで最適化
現在、Observatoryでは最適化レイアウトが強化され、ワンクリックのレコメンデーションセンターが導入されました。Cloudflareゾーンでこれらの機能を有効にすると、HTTP/3を含む最新のHTTPプロトコルに対する最適化が強化されます。さらに、PNGとJPEGを効率的なWebP形式に変換することで、画像配信を向上させています。最後に、Cloudflareのパフォーマンスツールも提供されており、ユーザーはEarly Hintsなどの新しい技術をシームレスに実装することができるようになりました。これらの機能は、Webサイトのスピードと全体的なパフォーマンスの向上に貢献するよう設計されています。
お客様にとって有益と思われる新機能をリリースするたびに、One Click Optimizationsに追加していく予定です。また、タブの全体的なレイアウトを変更し、製品をサブカテゴリに分割して、個々のパフォーマンス製品に簡単にアクセスできるようにしました。
公開中
Observatoryが利用できるようになりました！Google Lighthouseとの統合、RUMデータ、マルチリージョンテストなど、今すぐ利用できるObservatory機能を活用して、組織におけるパフォーマンスの支持者となりましょう。Webサイトのパフォーマンスに関する貴重なインサイトを得ることができ、サイトのパフォーマンスを最適化し向上させるための情報に基づいた意思決定を行うことができるようになります。
今後、レコメンデーションエンジンの拡張を続け、Webサイトのパフォーマンスを継続的に向上させることができる製品を導入していきます。さらに、特定の機能に対するリクエストをシミュレートする機能を提供し、Webサイトに実装する前に現実のパフォーマンス上の利点を包括的に理解できるようにします。