Qué sucede cuando visitas un sitio web: entre bastidores

El viaje desde la URL hasta la página web

Ingresar una dirección web desencadena una secuencia compleja de eventos en la infraestructura global. Aquí tienes el proceso paso a paso:

1. Análisis de URL

Escribes https://www.example.com/page. El navegador extrae:

• Protocolo: https:// (HTTP seguro)
• Dominio: www.example.com
• Ruta: /page

2. Resolución DNS

1. El navegador verifica la caché local → caché del SO → caché del enrutador → DNS del ISP
2. Si no se encuentra, consulta recursiva: Raíz → TLD (.com) → Servidor de nombres autoritativo
3. Devuelve la dirección IP (por ejemplo, 93.184.216.34)

3. Conexión TCP/TLS

• Apretón de manos TCP de tres vías (SYN, SYN-ACK, ACK)
• Apretón de manos TLS para HTTPS: verificación de certificado, intercambio de claves
• Negociación de HTTP/2 o HTTP/3 (QUIC)

4. Solicitud HTTP

El navegador envía:

GET /page HTTP/2 Host: www.example.com User-Agent: Mozilla/5.0... Accept: text/html... Cookie: session=abc123 

5. Procesamiento del servidor

• Servidor web (nginx, Apache) recibe la solicitud
• Enruta a la aplicación (Node.js, Python, PHP, Java, etc.)
• La aplicación consulta bases de datos, ejecuta lógica, renderiza plantilla
• Genera respuesta HTML

6. Respuesta y renderizado

1. El servidor envía HTML + encabezados (almacenamiento en caché, compresión, seguridad)
2. El navegador analiza HTML → árbol DOM
3. Obtiene subrecursos: CSS, JS, imágenes, fuentes (en paralelo)
4. CSSOM + DOM → Árbol de renderizado → Diseño → Pintura → Composición
5. JavaScript ejecuta, puede modificar el DOM adicionalmente

7. Interacción continua

• Llamadas API para datos dinámicos (AJAX/Fetch)
• Conexiones WebSocket para actualizaciones en tiempo real
• Service workers para caché sin conexión
• Balizas de análisis/rastreo

Todo esto generalmente se completa en 200-500 ms para sitios bien optimizados. El rendimiento moderno se centra en las Métricas Web Esenciales: LCP, FID, CLS.