帮助手册

Web 事务(浏览器)性能指标

解读 Web 事务(浏览器)指标

在当今现代 IT 环境中,监控真实的最终用户交互并确定应用程序是否以最佳状态运行至关重要。此外,从全球各地衡量最终用户体验同样不可忽视。合成监视器使用真实 Web 浏览器(如 Firefox 或 Chrome)捕获 Web 事务的可用性和性能。该功能使用强大的录制工具记录 Web 交互,并通过真实浏览器(Firefox 或 Chrome)回放,以检查最终用户的实际体验。Site24x7 的 Web 仪表板具有自定义状态横幅,根据监视器的运行状态和状态对各种已配置的监视器进行分类显示。您还可以查看账户中正常运行的监视器数量和剩余的告警配额。点击"+ 购买更多"按钮,可以购买额外的监视器和告警配额。可用性和性能等指标以易于理解的图形和表格布局展示。事务时间、页面加载时间等关键指标从各个位置采集,并以图形方式直观呈现,便于快速理解。您可以通过电子邮件共享监视器详情,邮件只能发送给已同意接收 Site24x7 邮件的已验证用户。

快速摘要和事件时间线

快速摘要让您快速了解可用性、页面加载时间、事务时间、宕机次数和宕机时长以及 SLA 状态等关键指标。事件时间线组件记录所选监视器在选定时间范围内的所有历史事件,可识别/解码过去发生的各类事件,包括故障、严重、异常、维护、暂停或异常。每个事件都有颜色标识,方便快速识别。可以深入分析事件以提取最大量数据,便于故障排除。您还可以追踪特定时段内的实际中断时段和总中断时长。

以下监控检查结果决定 Web 事务(浏览器)的运行状态:

监视器状态 状态图标  影响监视器状态的条件
UP(正常)  
  • 所有监控检查均已成功
TROUBLE(异常)  
  • 内容检查失败
DOWN(故障)  
  • 无法加载资源。 
  • 网页上元素不存在或不可见。
  • 内容检查失败
 CONFIGURATION
ERROR(配置错误) 
 
  • 初始设置期间监视器配置不正确

您可以深入了解以下性能指标:

  • 事务时间(毫秒): 定义从第一步到最后一步完成整个已录制事务所需的时间。事务时间是响应时间和思考时间的综合计算结果。思考时间充当缓冲区或等待时间,在开始回放的下一步之前等待。思考时间主要用于涉及 AJAX 调用的步骤。
  • 按位置划分的事务时间(毫秒): 表示从各监控位置完成已录制步骤的事务所需的平均时间。Web 事务(浏览器)的事务时间指标以图形格式呈现。平均事务时间和按位置划分的平均事务时间数据以表格布局提供,便于快速理解。
  • 页面加载时间(毫秒): 定义事务中某个单独步骤加载 HTML 及其所有关联组件(包括 JavaScript 和图片)所需的总时间。页面加载时间提供分段时间周期的平均值。
  • 按位置划分的可用性和页面加载时间(毫秒):以图形和表格方式呈现可用性和按位置划分的平均页面加载时间数据(毫秒)。

Apdex 评分

通过我们的 RUM 集成组件,您可以立即使用 Apdex 行业标准来衡量用户对应用程序或服务的满意度,从用户视角了解应用程序的性能,即"满意"、"容忍"或"不满意"。时间段可从该部分的历史数据中选择。

Apdex 评分是最终用户客户满意度的度量,分类如下:

  • Apdex 评分 > 0.9 表示满意。
  • Apdex 评分 > 0.5 且 <0.9 表示容忍。
  • Apdex 评分 < 0.5 表示不满意。

事务时间

事务时间是已录制事务中每个单独步骤的响应时间和思考时间的综合计算结果。思考时间充当缓冲区或等待时间,在开始回放的下一步之前等待。这主要用于涉及 AJAX 调用的步骤,因为需要为 AJAX 调用的完成提供时间,才能开始下一步。

注意

此处需考虑两种不同场景:
情形 1:

  • 假设思考时间为 3 秒,响应时间为 1 秒。在这种情况下,事务将等待 2 秒(思考时间 - 响应时间)后再开始下一步。
情形 2:
  • 假设思考时间为 3 秒,响应时间为 4 秒;此时事务时间为 4 秒。如果响应时间超过思考时间,思考时间将不计入事务时间的计算。

事务时间图提供从第一步到最后一步完成整个已录制事务所需的全部时间数据(毫秒)。图表通过将时间段与总事务时间对比绘制而成。您可以通过指定粒度(原始、每小时或每日)获取自定义图表。此外,还可以通过选择相应图例筛选出三点移动平均、五点移动平均以及 95 百分位数。Site24x7 中的百分位数可用于查找异常值。95 百分位数是大于或等于所选时间范围内 95% 已轮询数据观测值的值,换句话说,95% 的响应速度都比该值快。图表还支持放大并从图形峰值中提取数据。

事务详情

通过事务详情,您可以借助详细选项(如每步截图、步骤时间、页面加载时间、步骤名称、每页资源级瀑布图以及每步引发的控制台错误)分析网站性能。截图可用于分析每步的执行情况和网站加载方式。步骤时间有助于分析页面加载时间以及特定步骤中涉及操作所花费的时间。页面加载时间有助于分析事务中每个页面所花费的时间。

瀑布图

网页资源级瀑布图是帮助客户了解性能问题的重要工具,通过可视化方式呈现网页的加载过程及涉及的资源。

注意

Web 事务(浏览器)的瀑布图适用于以下套餐:Enterprise Plus WebEnterpriseMSPMSP 2024Enterprise 2024

您可以点击"资源"链接查看瀑布图。瀑布图有助于分析页面上每个组件的性能,提供以下信息:

  • 页面资源摘要
    • 不安全链接
    • CDN 命中
    • DNS 时间
    • 连接时间
    • 首字节时间
    • 开始渲染
    • 文档完成
    • 页面加载时间
  • 网页摘要
    • 请求数
    • 对象总数
    • 图片
    • JavaScript
    • CSS
    • 页面总大小
  • 按请求数划分的内容:每种资源发起的请求数
  • 按大小划分的内容:按大小对资源进行细分
  • 资源名称
    • 状态码
    • HTTP 版本
    • 资源大小
    • 资源加载时间
  • 域名摘要
    • 域名
    • IP 地址
    • 请求数
    • 按位置划分的页面加载时间
  • 故障/异常历史
    开始时间至结束时间

按位置划分的事务时间

该图表提供每个监控位置每天或每小时的平均和 95 百分位数事务时间数据。可用于分析监视器在不同监控位置的平均和 95 百分位数事务时间。特定位置的事务时间也可通过图例进行筛选,图例作为手动筛选器便于管理。

按位置划分的平均事务时间

整体事务时间的平均值和 95 百分位数值可按监控位置和所选时间段进行分段展示,以表格布局提供该数据。

各步骤当前截图和步骤详情

呈现事务期间捕获的所有步骤的最新截图。

可以通过点击下方的计数器浏览不同步骤。在截图画面的右侧显示对应的步骤名称、URL 和该 URL 的页面加载时间。点击"截图历史"将跳转至从加利福尼亚位置采集的 HTML 响应数据。

页面加载时间

网站事务的实际页面加载时间考虑事务中单个步骤的完整页面加载时间,包括 HTML 内容以及图片和其他组件。还考虑每个单独步骤的加载时间、鼠标悬停操作和按钮点击。页面加载时间指标通过图形方式显示,反映所选时间段内监控中已配置页面加载所需时间的平均值和 95 百分位数。按位置划分的页面加载时间数据也以表格和图形格式捕获并呈现。

按位置划分的页面加载时间

按位置划分的页面加载时间图表提供网站事务中各步骤整体页面加载时间与所选时间段对比的快速概览。可以从各监控位置获取数据的平均值和 95 百分位数值。特定位置的页面加载时间可使用位置图例进行筛选,作为手动筛选器便于管理。

按位置划分的页面加载时间——表格数据

事务中单个步骤的平均和 95 百分位数页面加载时间可按位置和时间段进行分段,以表格数据格式提供。

地理地图

地理地图通过整合合成(基于浏览器)监控和 RUM 数据源的数据,对 Web 事务的全球可用性和性能进行可视化展示。它追踪通过浏览器执行的多步骤用户旅程,并将其与实际用户交互数据相结合。您可以将鼠标悬停在不同区域上,查看平均事务时间和其他关键指标,帮助您了解最终用户在各地区的工作流体验。

通过地理地图,您可以快速识别事务执行缓慢的区域,检测特定步骤中的失败情况,并将合成事务数据与真实用户行为进行关联。这有助于判断问题是局部性还是全局性,从而更快地检测和解决性能瓶颈。

按指标查看

选择一个指标以可视化各位置的可用性和性能。地理地图根据所选指标动态更新,使您可以分析趋势并比较合成和真实用户体验。

  • 响应时间:使用颜色渐变显示(绿色表示执行较快,红色表示执行较慢)。事务时间越长,气泡越大;执行越快,气泡越小,有助于识别存在性能下降的区域。
    • 合成: 显示通过基于浏览器的监控从已配置位置捕获的事务时间。
    • RUM: 根据真实用户交互,以国家级别的热力图显示事务时间。
      将鼠标悬停在某个位置上时,会显示包含平均事务时间、可用性、页面访问量(RUM)和其他性能指标的工具提示。
  • 可用性(%): 表示每个监控位置 Web 事务执行的成功率。颜色渐变(绿色表示高可用性,红色表示低可用性)突出显示事务步骤失败或遇到错误的区域。将鼠标悬停在某个位置上时,会显示包含可用性详情的工具提示。
  • 当前状态: 指示每个监控位置的实时状态,地图显示各位置是正常还是故障。此视图帮助您快速评估所有区域 Web 事务检查的运行状态。

故障/异常历史                     

提供监视器的异常/故障历史的详细洞察,可查看状态、准确的宕机时间、持续时间以及故障状态的具体原因。

按位置划分的可用性和响应时间

Web 事务(浏览器)在每个监控位置的可用性和页面加载时间以表格格式呈现。可从中推算出每个监控位置的总可用性百分比和页面加载时间(毫秒)以及宕机时长。

性能基准测试

基准测试组件现已集成到客户端中,可帮助您将网站性能与行业同类进行比较。通过我们的性能基准测试组件,您可以立即查看和比较服务的平均响应时间和可用性与行业同类的差距,可跨各个行业纵向进行查看。

中断

您可以访问监视器详情页面中的"中断"标签,获取有关各种中断和维护宕机的详细洞察,提供足够的信息用于故障排除。您还可以访问各种中断的根因分析报表。点击已列出的监视器中断或维护记录的  图标,将显示以下选项:

    • 标记为维护:将中断标记为维护
    • 标记为宕机:将维护标记为宕机
    • 编辑备注:添加/编辑备注
    • 查看 HTML:查看内容检查失败时获取的 HTML 格式错误响应
    • 查看图片:查看中断的 RCA 截图
    • 删除:永久删除中断/维护记录

根因分析 (RCA) 报表:

监视器报告中断 150 秒后,您可以检索处于 DOWN 状态的监视器的深度根因分析报表。RCA 报表提供监视器的基本信息、中断详情、复检详情和中断原因。根因分析会自动生成大量信息,以得出导致宕机的明确结论。RCA 旨在确定特定宕机或性能问题的根本原因。正常的 RCA 报表包含以下详情:

阅读此RCA 相关文章,了解更多关于各种网络诊断报表的信息。

比较截图、HTML 和资源

您可以使用此选项检查 RCA 报表中截图、HTML 和资源之间的差异。旧响应显示在左侧,新响应显示在右侧。

此功能有助于识别 Web 应用程序中的任何变化。例如,如果您的公司使用某个应用程序,而某次更新导致用户无法访问,此功能可以帮助确定问题所在,以便快速分配开发人员修复,而无需调试整个应用程序。

  • 截图比较:此功能允许您将监视器事务步骤正常时截取的截图与步骤故障时的截图进行比较,还提供每张截图的日期和时间。通过比较截图可帮助识别任何差异。
  • HTML 比较:此选项允许您比较应用程序或网页最近正常时的 HTML 代码与故障时的 HTML 代码,分析任何变化。新增行以绿色高亮显示,删除行以红色高亮显示。可以使用上一处差异下一处差异功能在 HTML 差异之间移动,便于发现 HTML 内容中的变化。
  • 资源比较:将故障页面的资源与最近正常时的资源进行比较。 

    此功能列出所有与当前故障页面不同的资源及其 URL 的最后正常运行时间,以表格格式呈现错误码和对应资源,包括 URL协议响应码响应时间(毫秒)大小(KB)

    点击查看链接可提供头信息比较,提供所选资源的上次正常和当前故障值的对比信息,帮助用户了解潜在问题。

APM 追踪

只有当网站应用程序也由同一 Site24x7 账户下 Site24x7 的应用性能监控(APM)进行监控时,APM 追踪才可用。通过无缝 APM 集成,可以获取事务中每个步骤的追踪数据。了解更多关于 APM 追踪的信息。

属性报表

深入了解页面加载时间,按具体加载过程(即从平均 DNS 查询到平均首字节时间)对页面加载时间进行细分。

资产

本节记录监视器的基本信息及其各种配置设置,包括轮询位置、轮询间隔、许可类型等。

日志报表

通过针对各监视器的集成日志记录,您可以在自定义时间段内深入了解已配置监视器的各种日志详情,还可以按位置和可用性筛选日志。此处捕获了可用性状态、HTTP 状态码、DNS 响应时间等各类数据。您还可以将日志报表导出为 CSV 格式。

点击日志报表中所需行,将跳转至采集摘要

采集摘要

该报表提供特定时期内采集的指标和数据的概览。采集摘要报表根据特定位置的状态和时间,提供事务的详细摘要,包括状态采集时间位置、事务时间、解析 IP已通过步骤。 

此外,该报表还显示事务的步骤详情,帮助用户识别趋势和潜在问题。报表显示每个步骤的截图,以及步骤时间和页面加载时间页面摘要包含瀑布图、HTML控制台错误等详情。 

立即轮询报表

立即轮询报表是由用户发起的按需检查,用于即时评估被监控资源(如网站或应用程序)的当前状态。

您可以从监视器详情页面发起轮询。点击汉堡菜单图标并选择立即轮询选项以生成立即轮询报表。然后,选择所需的主要和次要轮询位置,并点击立即轮询按钮。

报表包括所选轮询位置的位置摘要等详细信息,显示状态、采集时间、位置、事务时间、解析 IP已通过步骤。包含页面摘要的步骤截图提供资源(瀑布图)、HTML控制台错误等详情。 

立即轮询报表自发起手动轮询起有效期为 24 小时。该报表有助于告警后的即时故障排除或验证当前状态。了解更多关于立即轮询报表的信息。

以下是关于合成监控的全部信息。

本文档对您有帮助吗?

您愿意帮助我们改进文档吗?请告诉我们哪些方面可以做得更好。


很抱歉本文档未能让您满意。我们希望了解可以从哪些方面改进您的体验。


感谢您抽出时间分享反馈。我们将利用您的反馈来改进在线帮助资源。

短链接已复制!