Una visualización interactiva recorre los 200 ms de vida de una petición HTTP

Fuentes: An interactive visualization follows a single HTTP request through its ~200 ms life

El sitio web The Node Book publica una visualización interactiva que acompaña a una sola petición HTTP desde el clic en un botón hasta el repintado de la pantalla, siguiendo un reloj sincronizado que termina exactamente en 0,211400 segundos. El recorrido, marcado con un punto violeta, atraviesa siete paradas: el portátil del usuario en San Francisco, el punto de acceso Wi-Fi de la tienda, el proveedor de internet, los 4.700 km de fibra óptica hasta Ashburn (Virginia), un balanceador de carga, un proceso Node.js (PID 1447) en una máquina alquilada en Amazon desplegada hace 23 días y una base de datos PostgreSQL situada en el edificio contiguo, a 0,35 ms. Toda la cadena gestiona los mismos 22 bytes de la petición POST a api.thenodebook.com.

Los primeros cinco milisegundos se dedican a tareas de hardware y navegador: la pulsación se origina como un cambio de capacitancia en el touchpad, se notifica al controlador, llega al núcleo HID y al servidor de ventanas, y Chrome resuelve mediante hit testing que el usuario ha hecho clic en un botón "buy" anidado a seis niveles en el DOM, en unos 0,8 ms. Antes de abrir el socket se ejecutan tres comprobaciones de política: la lista HSTS precargada obliga a usar HTTPS, no hay contenido mixto y la directiva CSP connect-src con 'self' autoriza el destino. Las cachés de memoria, service worker y disco no sirven peticiones POST, por lo que es necesario abrir una nueva conexión TCP y negociar TLS sobre ella.

Los dos milisegundos siguientes corresponden a la resolución DNS: como ni la caché del navegador ni la del sistema operativo tienen la respuesta, el sistema envía un datagrama UDP a un resolver. El artículo describe la anatomía del paquete según la RFC 1035, con sus doce bytes de cabecera y flags como RD, y explica cómo el nombre de dominio viaja por la red sin puntos y cómo se reconstruye la respuesta. El conjunto combina pedagogía visual, narrativa y referencia técnica para mostrar qué ocurre bajo el capó de una transacción web aparentemente instantánea.