邊緣安全加速 ESA網頁監測功能通過自動或手動整合JavaScript指令碼來實現採集真實使用者訪問網站的PC端和移動端資料,即時監控核心效能指標,支援HTML頁面分析並提供綠/黃/紅三色效能分級。
功能簡介
ESA網頁監測功能通過採集PC端和移動端真實使用者訪問網站的資料,協助您更好的瞭解網站的效能狀況。ESA網頁監測採集的用戶端網路資料如下:
CLS:衡量頁面的視覺穩定性,避免內容在載入過程中發生意外位移。
FCP:記錄頁面首次渲染出內容的時間,反映使用者感知到頁面開始載入的速度。
FID:衡量使用者首次與頁面互動(如點擊按鈕)到瀏覽器響應的延遲時間,反映頁面互動的響應性。
LCP:記錄頁面主要內容元素(如大圖或文字區塊)載入完成的時間,反映使用者感知的主要載入速度。
TTFB:衡量從使用者發起請求到瀏覽器接收到第一個位元組響應的時間,反映伺服器響應速度。
INP:衡量整個頁面生命週期內使用者互動的回應時間,提供更全面的互動效能評估。
注意事項
網頁監測功能目前僅支援對
content-type為text/html的頁面訪問資料進行採集和分析,若配置非text/html的網頁地址或網頁無訪問流量,則無監測資料。非中國內地使用者的採集資料將被發送至新加坡。採集資料中僅包含部分網路指標,ESA不會採集和儲存任何使用者隱私。
配置操作
在ESA控制台,選擇網站管理,在網站列單擊目標網站。
在左側導覽列,單擊。
在網頁監測地區,單擊添加監測。

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條 |