Optimización del front-end con tiempo de interacción (TTI)

TTI Time to Interact
El tiempo para interactuar importa

Los sitios web lentos son molestos.

A pesar de las afirmaciones de que los sitios web lentos son un desvío importante para los visitantes del sitio, el problema está creciendo. Lo que sigue… el regreso de la fuente Comic Sans MS de color neón? ¿Qué es este 1998? En serio, aunque… el tiempo óptimo de carga del sitio web es de tres segundos (o menos), sin embargo, el tiempo medio de carga de los 100 principales sitios minoristas es de 7,72 segundos, una desaceleración aterradora del 13,7 por ciento desde la primavera de 2012, según un estudio de Radware.

Sin embargo, hay un punto brillante, ya que algunos sitios web han captado una métrica clave emergente para la usabilidad de un sitio web y la experiencia del usuario que ofrece: Tiempo para interactuar (TTI). Dotcom-Monitor revisó la velocidad del sitio web TTI en una entrada de blog anterior donde discutimos algunos de sus beneficios. Sin embargo, ahora echemos un vistazo a cómo los sitios web están utilizando realmente TTI para proporcionar una mejor experiencia de usuario a los visitantes de su sitio.

El tiempo de interacción y la carga de página no son iguales

En primer lugar, todo el asunto de TTI no es completamente directo. Para whit, el estudio Radware mostró una fuerte correlación entre las páginas que tenían un TTI más rápido y las que tenían un tiempo de carga general más rápido. Sin embargo, con algunos sitios no había correlación entrelos tiempos de carga de página y TTI. Por ejemplo, tres sitios en el top 10 para TTI(Netflix.com, iHerb.com y LivingSocial.com)tenían en realidad tiempos de carga de página que se considerarían más lentos que el promedio de la industria, pero su TTI era muy corto. Esto sugiere firmemente que ya han adoptado TTI como una métrica y han optimizado su contenido para que su contenido importante e interactivo se cargue primero mientras que el contenido menos importante se aplaza. ¡Ah, ha! Es una señal fuerte de que Time to Interact se está convirtiendo en un estándar para la experiencia del usuario y el análisis del rendimiento web.

Trucos del comercio

La optimización de una página para TTI es diferente de optimizar una página para su tiempo de carga total. Específicamente, algunos consejos de optimización de TTI incluyen:

  • Cargar contenido “por encima del pliegue” primero
  • Carga rápida de elementos interactivos
  • Comprimir texto e imágenes
  • Código de compresión
  • Utilizar keepalives para que el contenido almacenado en caché no expire
  • Aplazar la carga de scripts de terceros (herramientas sociales y de análisis, por ejemplo), así como cualquier elemento que no necesite ser interactivo antes de que la página se cargue por completo

Optimizar sitios web para TTI no es difícil, pero requiere algo de trabajo para determinar qué contenido es probable que los visitantes consideren importante. Para la mayoría de los sitios, eso no es un problema; para un sitio de comercio electrónico, el contenido importante es a menudo bastante obvio, como el producto destacado del día. En un blog, es probable que sea el artículo destacado o más reciente. Si realizaun un seguimiento de sus visitantes, no es difícil determinar dónde la mayoría de ellos pasan sus primeros segundos en su sitio. El uso del principio de TTI para organizar y optimizar el contenido para esos primeros segundos de la experiencia de un usuario es probablemente la diferencia entre una compra y un usuario molesto y la oportunidad perdida.

¿Qué piensas de TTI? ¿Es una métrica de rendimiento web válida para medir la experiencia del usuario? Háganos saber en los comentarios a continuación…

 

• Crédito de la foto: Adam Foster Codeforcc ?

Latest Web Performance Articles​

Top 10 Synthetic Monitoring Tools for 2024

When it comes to ensuring your website’s performance and uptime, synthetic monitoring tools have become indispensable. These tools help businesses proactively detect and resolve issues

Start Dotcom-Monitor for free today​

No Credit Card Required