Time to Interactive (TTI)
Time to Interactive es una métrica importante del rendimiento web. Es el tiempo que tarda una página web en volverse interactiva. En ese momento el usuario puede utilizar la página web por completo. Puede rellenar el formulario o pulsar los botones. Un TTI más bajo significa que las páginas se cargan más rápido y se traduce en una interacción más rápida.
¿Qué es Time to Interactive?
El tiempo que transcurre entre la carga de la página y el momento en que se vuelve totalmente interactiva se denomina TTI. Durante ese tiempo, todos los elementos importantes de la página son claramente visibles y el usuario puede introducir datos sin ningún retraso.
Time to interactive es el factor clave de la experiencia del usuario. Debe ser lo más bajo posible para lograr una interacción fluida.
¿Cómo funciona Time to Interactive?
Time to interactive se calcula midiendo el tiempo que transcurre desde que una página web empieza a cargarse hasta que está totalmente cargada. Es el punto en el que ninguna tarea larga bloquea el hilo principal y la página se renderiza por completo.
Las puntuaciones de TTI desempeñan un papel importante en las herramientas de métricas de rendimiento, como Lighthouse de Google. Determinan la rapidez con la que un sitio se vuelve utilizable. Los tiempos de carga elevados, los scripts extensos y un código deficiente pueden afectar negativamente a las puntuaciones de rendimiento y al TTI.
¿Cómo mejorar el TTI?
- Reducir el tiempo de ejecución y de bloqueo de JavaScript.
- Utilizar code-splitting y lazy loading.
- Optimizar los tiempos de respuesta del servidor, así como los scripts de terceros.
- Priorizar el renderizado del contenido visible en la primera pantalla.
Al mejorar el TTI, los desarrolladores pueden reducir el tiempo de carga de los sitios web. De este modo, estos se vuelven totalmente interactivos con rapidez, lo que se traduce en una mayor satisfacción de los usuarios.
Ejemplos
- Un sitio web con tiempos de carga rápidos, así como con scripts optimizados, alcanza un Time to Interactive de 3 segundos.
- Un nuevo sitio de blog con anuncios pesados tardó unos 8 segundos en volverse interactivo. Esto se traduce en una puntuación de rendimiento baja y un alto abandono de usuarios.
- Optimizar el tamaño de las imágenes y los scripts de un sitio web de viajes reduce el TTI un 50%, lo que acaba mejorando el TTI y las tasas de rebote.
Comprender y mejorar Time to Interactive da lugar a experiencias digitales más fluidas y ayuda a los sitios web a triunfar en el entorno actual, sensible a la velocidad.