domInteractive 与 Time to Interactive - 有什么区别？

Question

Google 提供了许多 polyfill 库，用于测量和跟踪分析平台上的首次输入延迟 (FID) 和交互时间 (TTI)。然而，这个指标不是 GA 的标准。

然而，domInteractive 是一个指标，您可以使用 GA 进行开箱即用的跟踪。

有什么不同？我找到的对竞争性交互指标的唯一解释是一个模糊的论坛帖子，解释说 TTI 可能会提供更复杂的交互延迟外观，但没有太多细节。

如果我担心影响转换的输入延迟，我是否最好跟踪我的用户的 TTI，或者我可以坚持使用 domInteractive？

Answer 1

我的理解如下：

互动时间 (TTI)是指网站在视觉上可用且引人入胜的时间。例如，当用户可以在 UI 上单击并且网站可以正常运行时。理想情况下，我们希望所有体验尽快实现互动。TTI 较差的网站示例是用户在实际发生任何事情之前可以主动与 UI 交互很长一段时间的网站。TTI 不佳是由过多（主线程）JavaScript引起的，这会导致可见 UI 元素的交互延迟。一个例子在这里。对于移动领域来说，这是一个特别重要的指标，因为每个人都没有一部好的手机（因此解析加载网站所需的 JavaScript 需要更长的时间），并且由于不同的网络速度而出现差异：即WI-FI、3G、4G

然而， domInteractive是指页面的主要内容可见并且发生了有意义的绘制。在此阶段，用户可以直观地看到网页和代表站点 DOM 的相应 UI 元素。

首次输入延迟 (FID)是对响应用户事件所需时间的测量。例如，一旦用户单击按钮，按钮的事件处理程序需要多长时间才能接管并响应。

据我所知，FID 和 TTI目前还属于实验性指标，因此默认情况下它们可能不会被纳入 Google Analytics（分析）中。至于你的问题：“如果我担心输入延迟影响转化，我是否最好跟踪用户的 TTI，或者我可以坚持使用 domInteractive？” 如果您担心输入延迟会影响转化，那么您实际上想要跟踪 FID 。TTI 仍然是一个非常有用的跟踪指标，因为它衡量您的网站作为一个整体是否具有交互性，并且 TTI 和 FID 都将比 domInteractive 提供更多价值。

如果您仍然感兴趣，请查看 Addy Osmani 撰写的关于JavaScript 成本的解释。他出色地解释了我们在 JavaScript 中面临的性能问题，并讨论了 TTI 和 FID。

干杯