Dynatrace 中的 Visually Complete 是一个度量标准,用于测量在加载过程中用户在页面上看到的内容。Visually Complete 指标是当一个用户看到页面上的所有重要元素并且它们正确地渲染时所测量的时间点。这意味着所有可见的文本、图像和视频都已加载并正确显示。该指标通常是网页加载过程中的关键指标之一,因为它反映了页面的整体加载速度,同时还能提供用户是否已经可以开始与页面进行交互的信号。此外,Visually Complete 也可以作为进行网页性能优化的关键指标之一,因为它可以帮助开发人员识别加载时间过长或阻塞网页加载的资源,从而提高用户体验。
Dynatrace 使 Web 性能优化工程师能够轻松访问通过 Dynatrace 真实用户监控捕获的每个页面加载的可视化完整指标结果。
视觉上完整的测量很容易理解——它们测量 Web 应用程序的可见部分完全呈现在最终用户的设备屏幕上所花费的时间。
分析视觉上完整的用户体验指标可帮助您了解可以采取哪些措施来改善应用程序最终用户的首屏体验。 然而,为视觉上完整优化您的应用程序需要深入了解网页加载行为。 这就是 Dynatrace 瀑布分析必不可少的地方,如下图所示:
直观完整的热门发现 tile 可帮助 Web 工程师将瀑布分析重点放在那些影响首屏用户体验的页面资源上。 它还可以让我们快速了解是否违反了任何性能阈值。
在顶部,我们将获得最后一个 DOM 元素(和一个 DOM 元素标识符),它会影响在给定的真实设备和显示尺寸上捕获的瀑布的视觉完整计时。
从上图中可以看出,CSS 文件和 JavaScript 文件并未突出显示为影响资源,因为无法确定这一点。 当我们优化首屏区域时,必须查看这些资源,因为它们可以明显地更改未绑定到资源请求的 DOM 元素。