Flashduty RUM 性能问题诊断指南

概览

优化页面有助于根据真实用户流量数据识别浏览器性能问题的根本原因。通过浏览器指标，如核心网络指标（CWV）和 FlashDuty 自定义加载时间指标，排查页面加载缓慢的原因，这些指标可以从用户的角度评估完整页面的加载时间。

为了进行更深入的分析，优化页面提供了按用户人口统计（例如浏览器、地区和应用版本）的核心网络指标的详细拆分。您可以利用这些信息跟踪性能趋势，了解受影响最多的用户群体，精准优化。

您可导航至优化页面，该页面位于性能监控菜单下，选取待洞察的指标即可，您也可以通过在分析看板中查看对应的性能数据跳转至此功能。

选择页面和指标后，便可开始做性能数据洞察：

点击指标卡片选择要洞察的指标（目前支持 LCP、FCP、INP）

在"显示筛选细分"中选择一个组

在不同的百分位数处评估指标，例如， p75 评估表示第 75 个百分位数值。

您可通过调整数据聚合方式，或者修改筛选条件，查看该指标在不同条件下的数据表现情况，从而推进诊断优化工作。

首先需故障排除资源和错误。在问题诊断部分，您可以看到用户在页面上遇到的可能影响指标性能的资源和错误。例如，对于最大内容绘制（LCP），您可以查看在触发 LCP 之前加载的资源。由于 LCP 是最大元素在页面上加载所需时间的指标，您可以从资源加载和解决错误两个方面进行问题诊断。

优化资源加载和耗时

您可以查看该视图下资源的加载情况，重点关注耗时较长的资源并进行优化。

您也可以在「阻塞资源」面板下查看有哪些资源的加载会引起渲染问题

解决错误

关注可能导致问题的重复错误，这些异常也会影响页面性能。

如果在资源分析阶段无法更准确的定位到关键信息，您可在事件样本区块中，选取合适的事件样本进行更详细的上下文分析。

瀑布图显示了在捕获指标时事件的时间线，要查看页面活动其余部分的上下文，请向下滚动至事件相关的事件线。
您可以使用左上角的下拉菜单选择另一个示例事件，并通过单击它展开瀑布中的任何事件以查看侧边面板。
您还可以通过筛选事件类型和各筛选项来选取合适的事件集合进行问题的分析和诊断。