边缘安全加速 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 |
不同套餐的支持情况
网页监测 | 基础版 | 标准版 | 高级版 | 企业版 |
支持网页监测的条数 | 1条 | 3条 | 5条 | 10条 |