Edge Security Acceleration:ページモニタリング

パフォーマンス指標

ESA ページモニタリングは、パフォーマンスを評価するために、次のクライアントデータを収集します。

• CLS (Cumulative Layout Shift): ロード中の予期しないコンテンツのずれを検出することにより、視覚的な安定性を測定します。

• FCP (First Contentful Paint): ページに最初にコンテンツが表示された時点を記録し、ユーザーが何かがロードされるのをどれだけ早く確認できるかを示します。

• FID (First Input Delay): ユーザーの最初の操作 (クリックなど) とブラウザの応答の間の遅延を測定し、インタラクティブ性を反映します。

• LCP (Largest Contentful Paint): メインコンテンツ (大きな画像やテキストブロックなど) の読み込みが完了した時点を記録し、認識される読み込み速度を示します。

• TTFB (Time to First Byte): ユーザーのリクエストからブラウザが最初のバイトを受信するまでの時間を測定し、サーバーの応答時間を反映します。

• INP (Interaction to Next Paint): ページライフサイクル全体でユーザー操作の応答性を測定し、操作パフォーマンスの包括的なビューを提供します。

始める前に

• この機能は現在、content-type が text/html のページからのデータの収集と分析のみをサポートしています。 text/html ではないページアドレスを設定した場合、またはページにトラフィックがない場合は、モニタリングデータは利用できません。

• 中国本土以外のユーザーから収集されたデータはシンガポールに送信されます。 収集されたデータには、一部のネットワーク指標のみが含まれます。 ESA は、ユーザーのプライバシー情報を収集または保存しません。

セットアップ

1. ESA コンソールで、[Webサイト] を選択し、管理する Web サイトの名前をクリックします。

2. 左側のナビゲーションウィンドウで、速度とネットワーク > 速度監視 をクリックします。

3. [ページモニタリング] 領域で、[モニタリングの追加] をクリックします。

   

   SDK 統合方法

   ページモニタリングを有効にするには、HTML ページにデータ収集用の JavaScript スクリプトを統合します。 2 つの方法があります。

   • 自動統合 (推奨): ESA は、オリジンの HTML 応答に JavaScript を自動的に挿入します。 このスクリプトはページコンテンツに影響を与えません。

   • 手動統合: 下記の JavaScript リンクを監視対象の HTML ページに統合します。

     <script src="https://rjsperf.myalicdn.com/sdk.js"></script>

モニタリングのグレーディング

ESA は、パフォーマンスの状態を表すために、異なるグレーディング色を使用します。

• 緑: 優良

• 黄: 平均

• 赤: 不良

多くの要因がモニタリングデータに影響を与えます。 たとえば、クライアントのネットワーク状態、ESA の加速パフォーマンス、Web サイトのレンダリング方法などです。 ESA の加速をより正確にテストする必要がある場合は、Alibaba Cloud Application Real-time Monitoring Service (ARMS) またはその他の合成監視ツールを使用してください。

この表は、各指標のグレーディング範囲を示しています。

利用可能性