Estado de la red y calidad de la conexión

Funciones

• El estado de conexión actual, cada cambio entre online y offline desde que se cargó la página, y los totales
• ⚠️ Dice claramente que `navigator.onLine` solo significa que existe una interfaz: en una Wi-Fi sin salida sigue informando que hay conexión
• Tipo efectivo, bajada estimada, tiempo de ida y vuelta estimado y modo de ahorro de datos, cada uno etiquetado como estimación y no como medición
• ⚠️ Lo dice directamente cuando Firefox o Safari no ofrecen connection, en vez de mostrar un hueco o un 0
• Las fases de carga de esta página: DNS, TCP, TLS, TTFB, descarga de contenido, DOMContentLoaded y load
• Explica un guion en una fase (DNS en caché, conexión reutilizada, no es https) en vez de escribir un 0
• Recursos agrupados por tipo con recuentos y totales de bytes, y un botón de reescaneo, ya que los recursos llegan con el tiempo
• ⚠️ Cuenta aparte las entradas de otro origen sin tamaño y las excluye de los totales, avisando de que el total siempre se queda corto
• Los recursos más lentos y una copia de toda la instantánea en un clic; todo se lee en local

Cómo se usa

1. El estado de conexión, las fases de carga de esta página y las estadísticas de recursos están ahí en cuanto carga la página
2. Para ver el historial de cambios, desconecta y vuelve a conectar: cada uno se anota en el panel de estado de conexión (solo en memoria, se borra al recargar)
3. Si el panel de conexión dice que no está disponible, el navegador no ha implementado connection; Chrome o Edge lo mostrarán
4. Pulsa «Reescanear» para refrescar la lista de recursos y «Copiar» para llevarte toda la instantánea

Preguntas frecuentes

¿Por qué no añadir un test de velocidad o un ping?

Porque eso pondría tráfico en la red de otro y no es como funciona este sitio. Aquí todo es información que el navegador ya registró: cuánto tardó su propia carga, qué recursos pidió y en qué tipo de red cree estar. Para el ancho de banda real, usa un test de velocidad dedicado: eso no es algo que esta página pretenda ser.

¿Por qué la cifra de bajada está etiquetada como estimación?

Porque `navigator.connection.downlink` se infiere del caudal pasado en vez de medirse: se queda atrás cuando cambia la velocidad, y es una estimación para una sola conexión. Tratarla como una medición lleva a conclusiones equivocadas, así que su verdadera naturaleza se indica junto a cada valor.

¿Por qué el total transferido parece tan pequeño?

Porque los recursos de otro origen no exponen su tamaño por defecto: `transferSize` es 0 cuando el otro extremo no envió Timing-Allow-Origin. Esta página lista esas entradas aparte y las excluye del total, así que el total necesariamente se queda corto. Para tamaños reales, usa el panel Red de las herramientas de desarrollo.

¿Por qué no hay datos de connection?

Porque `navigator.connection` es una interfaz no estándar que Firefox y Safari llevan años sin implementar. Es una decisión del navegador, no un problema de red: Chrome o Edge la mostrarán.