El tiempo para ser interactivo (TTI) es una métrica de lab para medir la capacidad de respuesta de carga. Ayuda a identificar los casos en los que una página parece interactiva, pero en realidad no lo es. Una TTI rápida ayuda a garantizar que la página sea fácil de usar.
¿Qué es el TTI?
La métrica TTI mide el tiempo desde que comienza la página cuando se cargan sus subrecursos principales y es capaz de responder rápidamente a las entradas del usuario.
Para calcular el TTI según una métrica de rendimiento seguimiento de una página web, sigue estos pasos:
- Comienza en Primer procesamiento de imagen con contenido (FCP).
- Realiza una búsqueda hacia adelante en el tiempo durante una ventana silenciosa de al menos cinco segundos, en la que quiet window se define como: no long. tareas y no más de dos en tránsito solicitudes GET de la red.
- Busca hacia atrás para buscar la última tarea larga antes de la ventana silenciosa, y detente en FCP si no se encuentran tareas largas.
- TTI es la hora de finalización de la última tarea larga antes de la ventana de silencio (o el el mismo valor que FCP si no se encuentran tareas largas).
El siguiente diagrama debería ayudarte a visualizar los pasos anteriores:
Históricamente, los desarrolladores optimizan páginas para tiempos de renderización rápidos a veces a expensas de TTI.
Las técnicas como la renderización del servidor (SSR) pueden generar situaciones en las que una página Tiene un aspecto interactivo (es decir, los vínculos y los botones son visibles en la pantalla), pero no es realmente interactiva porque el subproceso principal está bloqueado o porque no se cargó el código JavaScript que controla esos elementos.
Cuando los usuarios intentan interactuar con una página que parece interactiva, pero que en realidad es probable que respondan de una de estas dos maneras:
- En el mejor de los casos, se molestará porque la página tarda en responder.
- En el peor de los casos, supondrán que la página no funciona y, probablemente, abandonarlos. Incluso pueden perder confianza en el valor de tu marca.
Para evitar este problema, haga todo lo posible para minimizar la diferencia. entre el FCP y el TTI. Y en los casos en que hay una diferencia notoria, Deja claro a través de indicadores visuales que los componentes de tu página aún no están interactivo.
Cómo medir el TTI
El TTI es la métrica que se mide mejor en los en el lab práctico. La mejor manera de medir el TTI es ejecutar una Auditoría de rendimiento de Lighthouse en tu sitio. Consulta la documentación de Lighthouse sobre TTI para obtener detalles de uso.
Herramientas del lab
¿Qué es una buena puntuación de TTI?
Para proporcionar una buena experiencia del usuario, los sitios deben esforzarse por tener un tiempo para Es interactivo de menos de 5 segundos cuando se prueba en dispositivos móviles promedio. hardware.
Para obtener detalles sobre cómo la TTI de tu página afecta la puntuación de rendimiento de Lighthouse, Consulte Cómo Lighthouse determina su TTI puntuación.
Cómo mejorar la TTI
Para aprender a mejorar TTI en un sitio específico, puedes ejecutar un Lighthouse auditoría de rendimiento y prestar atención a cualquier oportunidades que sugiere la auditoría.
Para obtener información sobre cómo mejorar el TTI en general (para cualquier sitio), consulte los siguientes vínculos: guías de rendimiento:
- Minifica JavaScript
- Conéctate previamente a los orígenes necesarios
- Precarga las solicitudes de claves
- Reduce el impacto del código de terceros
- Minimiza la profundidad de las solicitudes críticas
- Reduce el tiempo de ejecución de JavaScript
- Minimiza el trabajo del subproceso principal
- Mantén bajos los recuentos de solicitudes y los tamaños de transferencia