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](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/MOXhGOQxWpolq6nhBleq.png?auto=format)
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:
- La página muestra contenido útil, que se mide con First Contentful Paint (FCP): Primera pintura con contenido
- Los controladores de eventos están registrados para la mayoría de los elementos visibles de la página
- La página responde a las interacciones del usuario en menos de 50 milisegundos
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:
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](https://wd.imgix.net/image/jL3OLOhcWUQDnR4XjewLBx4e3PC3/TN2iCYypsEV3pcRouSQG.png?auto=format)
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
Recursos
- Código fuente para la auditoría de Tiempo para interactuar
- Guía de puntuación de Lighthouse v3
- First Interactive And Consistently Interactive (Primer interactivo y consistentemente interactivo)
- Optimización del JavaScript de arranque
- Reduce las cargas útiles de JavaScript con Tree Shaking
- Optimización de los recursos de terceros
Updated on • Improve article