利用交互时间优化前端 (TTI)

尽管声称网站速度慢是网站访问者的主要转折,但问题正在加剧。 然而,有一个亮点,因为一些网站已经抓住了一个新兴的关键指标,一个网站的可用性和用户体验:互动时间(TTI)。
TTI Time to Interact
互动时间很重要

慢的网站是恼人的。

尽管声称网站速度慢是网站访问者的主要转折,但问题正在加剧。 下一步…霓虹灯颜色的漫画Sans MS字体的回归? 1998年是什么? 说真的…根据Radware的一项研究,最佳网站加载时间是3秒(或更少),然而,前100个零售网站的中载时间是7.72秒,自2012年春季以来,速度是13.7%。

然而,有一个亮点,因为一些网站已经抓住了一个新兴的关键指标,一个网站的可用性和用户体验:互动时间(TTI)。 Dotcom-Monitor 在较早的博客文章中回顾了网站速度 TTI,其中我们讨论了它的一些好处。 但是,现在让我们看一下网站实际上如何使用 TTI 为其网站访问者提供更好的用户体验。

交互时间和页面加载时间不相等

首先,整个TTI的事情并不是完全直截了当的。 总体而言,Radware 的研究表明,具有更快 TTI 的页面与总负载时间更快的页面之间存在很强的相关性。然而,对于一些站点,页面加载时间与TTI之间没有相关性。 例如,TTI=Netflix.com、iHerb.com和LivingSocial.com前 10 名中的三个站点的页面加载时间实际上被认为比行业平均水平慢,但其 TTI 很短。 这强烈表明他们已经采用TTI作为衡量标准,并优化了他们的内容,以便他们重要的交互式内容首先加载,而不太重要的内容被推迟。 啊哈! 这是一个强烈的信号,表明交互时间正在成为用户体验和 Web 性能分析的标准。

交易技巧

为 TTI 优化页面不同于优化页面的总体加载时间。 具体来说,一些 TTI 优化技巧包括:

  • 首先加载”折叠上方”的内容
  • 快速加载交互式元素
  • 压缩文本和图像
  • 明明代码
  • 利用保留时间,使缓存的内容不会过期
  • 延迟第三方脚本(例如社交和分析工具)以及页面完全加载前不需要交互的任何元素的负载

为 TTI 优化网站并不困难,但确实需要一些工作来确定访问者可能认为哪些内容很重要。 对于大多数网站来说,这不是问题;对大多数网站来说,这不是问题。对于电子商务网站来说,重要内容往往相当明显,例如当天的特色产品。 在博客上,它很可能是精选或最新文章。 如果您跟踪访问者,则不难确定他们中的大多数人在您的网站上停留了最初几秒钟的时间。 使用 TTI 原则为用户体验的前几秒钟来组织和优化内容可能是购买与恼怒的用户之间的差异以及失去的机会。

你对TTI有什么看法? 它是衡量用户体验的有效 Web 性能指标吗? 请告诉我们下面的评论…

 

[ 照片信用:亚当·福斯特 »代码 – cc |

Facebook
Twitter
LinkedIn
电子邮件
打印