全部產品
Search
文件中心

Edge Security Acceleration:網頁監測

更新時間:Jul 02, 2025

邊緣安全加速 ESA網頁監測功能通過自動或手動整合JavaScript指令碼來實現採集真實使用者訪問網站的PC端和移動端資料,即時監控核心效能指標,支援HTML頁面分析並提供綠/黃/紅三色效能分級。

功能簡介

ESA網頁監測功能通過採集PC端和移動端真實使用者訪問網站的資料,協助您更好的瞭解網站的效能狀況。ESA網頁監測採集的用戶端網路資料如下:

  • CLS:衡量頁面的視覺穩定性,避免內容在載入過程中發生意外位移。

  • FCP:記錄頁面首次渲染出內容的時間,反映使用者感知到頁面開始載入的速度。

  • FID:衡量使用者首次與頁面互動(如點擊按鈕)到瀏覽器響應的延遲時間,反映頁面互動的響應性。

  • LCP:記錄頁面主要內容元素(如大圖或文字區塊)載入完成的時間,反映使用者感知的主要載入速度。

  • TTFB:衡量從使用者發起請求到瀏覽器接收到第一個位元組響應的時間,反映伺服器響應速度。

  • INP:衡量整個頁面生命週期內使用者互動的回應時間,提供更全面的互動效能評估。

注意事項

  • 網頁監測功能目前僅支援對content-typetext/html的頁面訪問資料進行採集和分析,若配置非text/html的網頁地址或網頁無訪問流量,則無監測資料。

  • 非中國內地使用者的採集資料將被發送至新加坡。採集資料中僅包含部分網路指標,ESA不會採集和儲存任何使用者隱私。

配置操作

  1. 在ESA控制台,選擇網站管理,在網站列單擊目標網站。

  2. 在左側導覽列,單擊速度和網路 > 速度監測

  3. 網頁監測地區,單擊添加監測

    image

    SDK整合方式

    開啟網頁監測功能需要在HTML頁面中整合用於採集的JavaScript指令碼,目前存在兩種整合方式

    • 自動整合(推薦):功能配置後,將由ESA自動在來源站點響應的HTML中插入JS指令碼,該指令碼不會對原有業務內容產生影響。

    • 手動整合:需要您將下文的JS指令碼連結整合進待監測的HTML網頁中。

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

檢測結果比對說明

不同的監測資料顏色代表不同的效能狀況,綠色表示效能優秀,黃色表示普通,紅色表示較差,具體的數值區間如下表所示。影響監測資料的因素較多,例如用戶端網路情況、ESA加速效果、網站渲染方式等都將影響網站的效能資料表現,如您需要精準地測試ESA加速效果,請使用阿里雲應用即時監測服務ARMS或其它撥測工具。

類型

TTFB

<0.8s

0.8-1.8s

>1.8s

FCP

<1.8s

1.8-3s

>3s

LCP

<2.5s

2.5-4s

>4s

CLS

<0.1

0.1-0.25

>0.25

INP

<200ms

200-500ms

>500ms

FID

<130ms

130-250ms

>250ms

不同套餐的支援情況

網頁監測

Entrance

Pro

Premium

Enterprise

支援網頁監測的條數

1條

3條

5條

10條