什么是交互时间以及如何优化它？

dirilisartogul.

在上面的总结中，我强调了速度指数标准考虑了内容的视觉呈现。您可能有一个疑问，如何检查内容的加载情况？针对你的回答，我不得不说，除了内容的可见性或者视觉讨论之外，与页面的交互也非常重要。例如，用户可以单击不同的按钮并与页面交互。 性能报告中的下一个标准是交互时间标准，简称 TTI，我们称之为交互时间。这个重要且关键的标准检查加载期间页面的响应能力。每当我们谈论屏幕响应能力时，我们都会想到手机和平板电脑。 TTI标准对于手机和平板电脑更为重要；但这并不意味着它对于检查桌面状态无效。 交互时间度量衡量用户与页面完全交互所需的时间。例如，能够单击不同的按钮。您可能遇到过这样的情况：您进入了一个页面，并且该页面的文本和图形内容（照片）已为您加载。然后您单击了一个按钮，但该按钮未激活。出现此类问题的原因之一是该按钮背后的代码尚未加载，事实上，该按钮尚未激活。因此，我们的用户无法与该页面交互。 因此，创建了交互时间标准。

TTI是页面资源加载完成并且用户可以与我们的页面完全交互的时间。因此，可以说TTI被认为是一个关键的、面向用户的标准。如果我们页面的交互时间较长，用户只能观看内容，无法点击按钮、发送请求等。低 TTI 时间表明我们的页面具有必要的反应性 阿尔及利亚 手机号码 并使用户充满信心。 我们可以在下面的照片中看到一个很好的 Time To Interactive 示例，它与 FCP 相差约 0.5 秒。 互动时间的重要性 Timte 到 Interactive 的好例子 Time to Interactive更简单的定义是，从页面加载的那一刻开始，一直持续到页面的主要资源加载完成并且我们的页面有能力快速响应用户的请求。与 FCP 一样，TTI 标准占性能得分的 15%。 TTI优化方法： PageSpeed Insight对于TTI规定的标准是小于5秒。然而，我们看到 GTmetrix 对这一重要标准的评分标准有所不同，如下所示： 小于2.5秒：良好 2.5 到 3.2 秒之间：可以接受，但需要优化 3.3 至 4.5 秒之间：比标准稍长 超过4.5秒：比标准长很多 可以说，优化TTI标准更多地取决于我们网站的编码类型而不是服务器的技术质量（当然服务器也是有效的）。



注意以下事项将减少交互时间，从而改善页面的用户体验。 减小 JavaScript 文件的大小 预加载主要和重要的请求 减少 JavaScript 执行时间 删除未使用的 JavaScript 文件 减少请求数量 在将来的专门文章中，我们将研究如何修复 Mizfa 结构部分中的这些错误和其他错误。 摘要：交互时间度量可以帮助我们了解加载页面资源以及用户能够与页面完全交互需要多长时间。当然，我们应该知道，加载所有资源并不意味着页面完全加载。优化 TTI 可提高性能分数并提高速度和更好的用户体验。 如果您想了解更多信息，请务必阅读文章什么是 First Contentful Paint，我们在那里解释了更多详细信息。 First Paint 和 First Contentful Paint 的区别（从名字就可以看出）在于内容的显示。事实上，FCP（First Contentful Paint的缩写）就是屏幕上显示第一个内容的时候。