网页监测

边缘安全加速 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

不同套餐的支持情况

网页监测

基础版

标准版

高级版

企业版

支持网页监测的条数

1

3

5

10