Tiempo para interactuar

Published on Updated on

Translated to: English, Português, 한국어, Pусский

Time to Interactive (TTI): Tiempo para interactuar es una de las seis métricas que se registran en la sección de Rendimiento del informe Lighthouse. Cada métrica captura algún aspecto de la velocidad de carga de la página.

Medir el TTI es importante porque algunos sitios optimizan la visibilidad del contenido a costo de la interactividad. Esto puede crear una experiencia de usuario frustrante: el sitio parece estar listo, pero cuando el usuario intenta interactuar con él, nada sucede.

Lighthouse muestra el TTI en segundos:

Una captura de pantalla de la auditoría de TTI de Lighthouse

Qué mide el TTI

El TTI mide el tiempo que tarda una página en volverse completamente interactiva. Una página se considera completamente interactiva cuando:

Tanto la primera CPU inactiva como el TTI miden cuando la página está lista para las entradas del usuario. La primera CPU inactiva ocurre cuando el usuario puede comenzar a interactuar con la página; el TTI se produce cuando el usuario es totalmente capaz de interactuar con la página. Mira el First Interactive and Consistently Interactive (Primer interactivo y consistentemente interactivo) de Google si estas interesado en el cálculo exacto para cada métrica.

Cómo Lighthouse determina tu puntaje TTI

La puntuación TTI es una comparación del TTI de tu página y el TTI de sitios web reales, según los datos del HTTP Archive. Por ejemplo, los sitios que se desempeñan en el percentil 99 muestran su TTI en aproximadamente 2.2 segundos. Si el TTI de tu sitio web es de 2.2 segundos, tu puntuación TTI es de 99.

Esta tabla muestra cómo interpretar tu puntaje TTI:

Métrica TTI
(en segundos)
Codificación de color
0-3.8Verde (rápido)
3.9–7.3Naranja (moderado)
Más de 7.3Rojo (lento)

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Cómo mejorar tu puntaje TTI

Una mejora que puede tener un efecto particularmente importante en el TTI es diferir o eliminar el trabajo de JavaScript innecesario. Busca oportunidades para optimizar tu JavaScript. En particular, considera la posibilidad de reducir las cargas útiles de JavaScript dividiendo el código y aplicando el patrón PRPL. La optimización de JavaScript de terceros también produce mejoras significativas para algunos sitios.

Estas dos auditorías de diagnóstico brindan oportunidades adicionales para reducir el trabajo de JavaScript:

Seguimiento del TTI en dispositivos de usuarios reales

Para saber cómo medir cuándo ocurre realmente el TTI en los dispositivos de sus usuarios, consulta la página de métricas de rendimiento centradas en el usuario de Google. La sección de seguimiento de TTI describe cómo acceder, mediante la programación, a los datos de TTI y enviarlos a Google Analytics.

El TTI puede ser difícil de rastrear en un ambiente real. El seguimiento del First Input Delay (FID): Demora de la primera entrada puede ser un buen indicador directo del TTI.

How to improve your overall Performance score

Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.

Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:

Lighthouse: Opportunities section

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.