El tiempo de carga (TTI) es una métrica de lab para medir la capacidad de respuesta de la carga. Ayuda a identificar los casos en los que una página parece interactiva, pero en realidad no lo es. Un TTI rápido ayuda a garantizar que la página sea útil.
¿Qué es el TTI?
La métrica TTI mide el tiempo desde que la página comienza a cargar hasta que se cargan sus subrecursos principales y es capaz de responder de forma confiable a las entradas del usuario rápidamente.
Para calcular el TTI en función de un seguimiento de rendimiento de una página web, sigue estos pasos:
- Comienza con el primer procesamiento de imagen con contenido (FCP).
- Busca en el futuro un período sin actividad de al menos cinco segundos, en el que se define período sin actividad como: sin tareas largas y no más de dos solicitudes GET de red en curso.
- Busca hacia atrás la última tarea larga antes del período de inactividad y detente en FCP si no se encuentran tareas largas.
- El TTI es la hora de finalización de la última tarea larga antes de la ventana de inactividad (o el mismo valor que el FCP si no se encuentran tareas largas).
El siguiente diagrama debería ayudarte a visualizar los pasos anteriores:
Históricamente, los desarrolladores han optimizado las páginas para obtener tiempos de renderización rápidos, a veces a expensas del TTI.
Técnicas como la renderización del servidor (SSR) pueden generar situaciones en las que una página se ve interactiva (es decir, los vínculos y los botones son visibles en la pantalla), pero no lo es en realidad 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 no lo es, es probable que respondan de una de las siguientes 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 es probable que se vayan. Incluso pueden perder confianza en el valor de tu marca.
Para evitar este problema, haz todo lo posible para minimizar la diferencia entre FCP y TTI. Y, en los casos en que exista una diferencia notable, deja claro a través de indicadores visuales que los componentes de tu página aún no son interactivos.
Cómo medir el TTI
El TTI es una métrica que se mide mejor en el laboratorio. 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 el TTI para obtener detalles sobre el uso.
Herramientas de lab
¿Qué es un buen nivel de TTI?
Para proporcionar una buena experiencia del usuario, los sitios deben esforzarse por tener un tiempo de interacción inferior a 5 segundos cuando se prueban en hardware móvil promedio.
Para obtener detalles sobre cómo el TTI de tu página afecta tu puntuación de rendimiento de Lighthouse, consulta Cómo Lighthouse determina tu puntuación de TTI.
Cómo mejorar el TTI
Para obtener información sobre cómo mejorar el TTI de un sitio específico, puedes ejecutar una auditoría de rendimiento de Lighthouse y prestar atención a las oportunidades específicas que sugiere la auditoría.
Para obtener información sobre cómo mejorar el TTI en general (para cualquier sitio), consulta las siguientes guías de rendimiento:
- Reduce el uso de JavaScript
- Establece una conexión previa con los orígenes necesarios
- Carga previamente 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
- Cómo minimizar el trabajo del subproceso principal
- Mantén la cantidad de solicitudes y los tamaños de transferencia bajos