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 no lo es. Un TTI rápido ayuda a garantizar que la página sea fácil de usar.
¿Qué es TTI?
La métrica de TTI mide el tiempo que transcurre desde el momento en que la página comienza a cargarse hasta que se cargan sus subrecursos principales y es capaz de responder rápidamente a las entradas del usuario de manera confiable.
Para calcular el TTI según un seguimiento de rendimiento de una página web, sigue estos pasos:
- Comienza en First Contentful Paint (FCP).
- Realiza búsquedas en el tiempo durante un período tranquilo de al menos cinco segundos, en el que la ventana silenciosa se define como: sin tareas largas y no más de dos solicitudes GET de la red en tránsito.
- Busca hacia atrás la última tarea larga antes del período de silencio y detente en FCP si no se encuentran tareas largas.
- TTI es la hora de finalización de la última tarea larga antes del período de inactividad (o el mismo valor que el FCP si no se encuentran tareas largas).
El siguiente diagrama debería ayudar a visualizar los pasos anteriores:
Históricamente, los desarrolladores optimizaron páginas para tiempos de renderización rápidos, en ocasiones a expensas de TTI.
Las técnicas como la renderización del servidor (SSR) pueden dar lugar a situaciones en las que una página parece interactiva (es decir, los vínculos y los botones están visibles en la pantalla), pero no realmente es 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 en realidad no lo es, es probable que respondan de una de dos maneras:
- En el mejor de los casos, le molestará que la página tarde en responder.
- En el peor de los casos, supondrán que la página está dañada y es probable que se vaya. Incluso es posible que pierdan confianza en el valor de tu marca.
Para evitar este problema, haz todo lo posible por minimizar la diferencia entre FCP y TTI. En los casos en los que existe una diferencia notable, a través de los indicadores visuales, puedes dejar en claro que los componentes de la página aún no son interactivos.
Cómo medir el TTI
TTI es la métrica que mejor se mide en el lab. La mejor manera de medir el TTI es realizar 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 brindar una buena experiencia del usuario, los sitios deben esforzarse por tener un tiempo de interacción de menos de 5 segundos cuando se prueban en hardware móvil, en promedio.
Para obtener más información sobre cómo el TTI de tu página afecta la 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 para un sitio específico, puedes ejecutar una auditoría de rendimiento de Lighthouse y prestar atención a las oportunidades específicas que sugiera la auditoría.
Si quieres obtener información para mejorar el TTI en general (para cualquier sitio), consulta las siguientes guías de rendimiento:
- Minifica JavaScript
- Conéctate previamente a los orígenes requeridos
- 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 recuentos de solicitudes y tamaños de transferencia reducidos