如何在 UI 中解读长任务跨度编辑

长任务是一种新的性能指标,可用于衡量应用程序的响应能力,并帮助开发人员了解不良的用户体验。正如官方规范中所述,它可以检测出长时间(超过 50 毫秒)独占 UI 线程并阻止其他关键任务执行的任务。

RUM 代理会自动捕获这些长任务,并将它们作为跨度包含在事务中。由于长任务目前没有关于哪部分代码导致速度慢的完整信息,因此很难解释这些跨度。以下是一些有助于解释长任务跨度的技巧

  • 长任务跨度的名称,例如:selfsame-origin 等,暗示了任务的来源。它可能是当前的浏览上下文,也可能是 iframe 内部的上下文。
  • 跨度的上下文包含了有用的信息,例如 attribution(工作类型,例如脚本、布局等)、typeidname,这些信息可以确定导致长任务的罪魁祸首容器(例如窗口、iframe、嵌入或对象)。

借助事务时间线和跨度时间,可以使用用户计时 API 标记缓慢的应用程序代码来进行更深入的挖掘。当代理再次捕获这些跨度时,您可以将它们与长任务结合起来,以揭示真正的源代码位置。