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

機能概要

ESA のページモニタリングは、PC およびモバイルデバイスでの実際のユーザーセッションからデータを収集することで、お客様のウェブサイトのパフォーマンスに関するインサイトを提供します。このサービスは、以下の Core Web Vitals とパフォーマンスメトリクスをキャプチャします：

• 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 以外のページの URL を設定した場合、またはページにアクセストラフィックがない場合、モニタリングデータは利用できません。

• ESA は、中国本土以外のユーザーから収集したデータをシンガポールに送信します。収集されるデータはネットワークメトリクスのみで、ESA が個人ユーザーデータを収集または保存することはありません。

操作手順

1. ESA コンソールで、サイト管理 に移動し、サイト 列で目的のウェブサイトをクリックします。

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

3. ページの監視 エリアで、監視を追加 をクリックします。モニタリングしたいページのサブドメインプレフィックス (例：monitor) を入力します。

   

4. SDK 統合タイプ を選択します。ページモニタリングを有効にするには、JavaScript 収集スクリプトを HTML ページに統合する必要があります。2 つの統合方法が利用可能です：

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

   • 手動統合：モニタリングしたいページの HTML に、次の script タグを手動で追加する必要があります。

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

パフォーマンスの評価

パフォーマンスグレードは、ユーザーエクスペリエンスを迅速に評価するのに役立ちます。「良好」は優れたパフォーマンス、「改善が必要」は平均的、「不十分」は標準以下を示します。パフォーマンスグレードは、メトリックの値を次の表のしきい値と比較して決定されます。これらのメトリックには、クライアント側のネットワーク状態、ESA の加速パフォーマンス、ウェブサイトのレンダリング方法など、複数の要因が影響する可能性があります。ESA が提供する加速効果を正確に測定するには、Alibaba Cloud の Application Real-time Monitoring Service (ARMS) または別の合成監視ツールを使用してください。

プラン別の機能提供