乐趣区

关于前端:什么是-Dynatrace-的-Speed-Index-度量标准

Dynatrace 中的 Speed Index 是一种度量网页加载速度的规范,它与 Visually Complete 相似,但更加精密。Speed Index 是一个计算值,反映了整个页面的加载速度,并将所有重要元素的渲染工夫思考在内。与 Visually Complete 不同的是,Speed Index 指标思考了渲染过程中的不同阶段,能够提供更具体的性能信息。

Speed Index 的计算方法是将页面加载过程中的每个时刻的视觉状态记录下来,并将它们与最终页面状态进行比拟。这个比拟会计算页面中每个像素的变动量,并将这些值相加以得出 Speed Index。Speed Index 值越低,示意页面的加载速度越快,用户体验越好。

Speed Index 是一种十分有用的度量规范,能够帮忙开发人员理解网站的整体性能,并确定须要优化的局部。它还能够与其余度量规范如 Visually Complete 和 Time to First Byte 联合应用,提供更全面的性能剖析。

RUM JavaScript 中的解决方案应用与 WebPageTest 雷同的算法,但它应用从视觉上残缺捕捉的可见元素。这些是“真正的”页面元素。屏幕截图比拟 (webpagetest.org) 的劣势在于 Visually complete 理解页面上的元素及其工夫。截图比照只反映页面的视觉变动。因而,例如,如果有一个间断变动的旋转 GIF,则 webpagetest.org 的视觉残缺和速度索引工夫将不精确。

Speed Index 通过测量某些标记之间网页的加载进度以及在给定工夫点放弃未加载的元素的百分比来计算指数。

对于 XHR 操作,DOM 内容的察看从 XHR 操作的回调开始开始,到回调完结后 50 毫秒完结。图像、样式表或 IFrame 等内部资源的任何变动都会导致 RUM JavaScript 向这些资源增加加载侦听器。这会将 XHR 操作工夫缩短到察看到的工夫范畴内增加的最初一个资源。

退出移动版