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